/*
 * Premium Ecológica
 * R3B.1 - desktop polish
 *
 * Não altera corpo da Home.
 * Apenas Header / Menu / Footer.
 */


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1280px) {

    /*
     * HEADER SHELL
     */

    .premium-r3b-shell {
        width:
            min(
                1500px,
                calc(100% - 54px)
            );
    }


    /*
     * TOPBAR
     */

    .premium-r3b-topbar__inner {
        min-height: 42px;
    }

    .premium-r3b-topitem {
        padding:
            7px 17px;

        column-gap: 9px;
    }

    .premium-r3b-topitem > span {
        min-width: 28px;

        font-size: 13px;
    }

    .premium-r3b-topitem strong {
        font-size: 10.5px;
        line-height: 1.15;
    }

    .premium-r3b-topitem small {
        margin-top: 3px;

        font-size: 8.5px;
    }


    /*
     * MAIN HEADER
     */

    .premium-r3b-main__grid {
        min-height: 108px;

        padding-block: 16px;

        grid-template-columns:
            245px
            minmax(430px, 1fr)
            auto;

        gap: 28px;
    }


    /*
     * LOGO
     */

    .premium-r3b-logo .logo img,
    .page-header .logo img,
    header .logo img {
        max-width: 235px !important;
        max-height: 72px !important;
    }


    /*
     * SEARCH
     */

    .premium-r3b-search__label {
        margin-bottom: 6px;

        font-size: 9.5px;
    }

    .premium-r3b-search .form-input {
        height: 54px;

        padding-inline: 20px;

        font-size: 14px;
    }

    .premium-r3b-search
    .form.minisearch
    button[type="submit"] {
        width: 58px;
        min-width: 58px;
        height: 54px;
    }


    /*
     * HEADER ACTIONS
     */

    .premium-r3b-actions {
        gap: 7px;
    }

    .premium-r3b-action {
        min-height: 58px;

        padding:
            7px 11px;

        gap: 9px;
    }

    .premium-r3b-action__icon {
        width: 34px;
        height: 34px;

        flex-basis: 34px;
    }

    .premium-r3b-action__icon svg {
        width: 29px;
        height: 29px;
    }

    .premium-r3b-action__copy small {
        font-size: 9px;
    }

    .premium-r3b-action__copy strong {
        margin-top: 4px;

        font-size: 12px;
    }


    /*
     * NAVIGATION
     */

    .premium-r3b-nav__inner {
        min-height: 54px;
    }

    .premium-r3b-catalog-menu
    .navigation
    nav > ul {
        gap: 7px !important;
    }

    .premium-r3b-catalog-menu
    .navigation
    li.level-0
    a.level-0 {
        padding:
            18px 12px !important;

        font-size: 11.5px !important;
        font-weight: 760;
    }

    .premium-r3b-extra-nav a {
        padding:
            18px 11px;

        font-size: 10.5px;
    }


    /*
     * DROPDOWN
     */

    .premium-r3b-catalog-menu
    .navigation
    li.level-0
    ul {
        min-width: 255px !important;

        padding: 10px !important;
    }

    .premium-r3b-catalog-menu
    .navigation
    li.level-0
    ul a {
        padding:
            11px 14px !important;

        font-size: 11.5px;
    }


    /*
     * FOOTER
     */

    .premium-footer-r3b {
        width:
            min(
                1500px,
                calc(100% - 54px)
            );

        padding-top: 64px;
    }

    .premium-footer-r3b__grid {
        gap: 50px;
    }

    .premium-footer-r3b__brand strong {
        font-size: 25px;
    }

    .premium-footer-r3b__brand p {
        font-size: 11.5px;
    }

    .premium-footer-r3b h3 {
        margin-bottom: 16px;

        font-size: 10.5px;
    }

    .premium-footer-r3b a,
    .premium-footer-r3b__contact {
        font-size: 11.5px;
    }

    .premium-footer-r3b li {
        margin-bottom: 10px;
    }

}


/* =========================================================
   1280–1450
   Evita header apertado em notebooks grandes.
========================================================= */

@media
(min-width: 1280px)
and
(max-width: 1450px) {

    .premium-r3b-main__grid {
        grid-template-columns:
            205px
            minmax(360px,1fr)
            auto;

        gap: 18px;
    }

    .premium-r3b-logo .logo img,
    .page-header .logo img,
    header .logo img {
        max-width: 200px !important;
    }

    .premium-r3b-action {
        padding-inline: 7px;
    }

    .premium-r3b-action__copy strong {
        font-size: 10.5px;
    }

    .premium-r3b-extra-nav a {
        padding-inline: 7px;
    }

}


/* =========================================================
   SUBTLE FINISH
========================================================= */

.premium-r3b-main {
    border-bottom:
        1px solid rgba(4,75,53,.04);
}

.premium-r3b-search .form-input::placeholder {
    color: #7c9189;

    opacity: 1;
}

.premium-r3b-action {
    transition:
        background .18s ease,
        transform .18s ease;
}

.premium-r3b-action:hover {
    transform: translateY(-1px);
}

.premium-r3b-action--whatsapp:hover {
    background:
        #edf9f2 !important;
}

.premium-r3b-nav {
    box-shadow:
        0 3px 12px rgba(4,56,40,.025);
}

.premium-r3b-extra-nav a,
.premium-r3b-catalog-menu
.navigation
li.level-0
a.level-0 {
    transition:
        color .18s ease,
        background .18s ease;
}


/*
 * Footer readability.
 */

.premium-footer-r3b__brand p,
.premium-footer-r3b a,
.premium-footer-r3b__contact {
    line-height: 1.6;
}


/*
 * Preserve Home positioning under larger header.
 */

.premium-home-r3 {
    scroll-margin-top: 20px;
}