/* ===============================================================
   TRANSUG V006C2
   Logo only + dedicated page flow
   =============================================================== */


/* ---------------------------------------------------------------
   HOME · LOGO ONLY
   Remove every visual trace of the old glass nav bar.
   --------------------------------------------------------------- */

.tcp-nav {
    top: 24px !important;

    left:
        clamp(
            24px,
            5vw,
            76px
        ) !important;

    right: auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


.tcp-nav-inner {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    display: block !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


.tcp-nav::before,
.tcp-nav::after,
.tcp-nav-inner::before,
.tcp-nav-inner::after {
    display: none !important;
}


.tcp-logo {
    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


.tcp-logo img {
    display: block !important;

    width: auto !important;

    height:
        clamp(
            74px,
            6vw,
            96px
        ) !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: contain !important;

    filter:
        drop-shadow(
            0 8px 20px
            rgba(0,0,0,.32)
        );
}


/* ---------------------------------------------------------------
   SUBPAGES
   --------------------------------------------------------------- */

.tcp-subpage-c2 {
    min-height: 100vh;

    position: relative;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 80% 12%,
            rgba(39, 105, 74, .38),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #06291e 0%,
            #021711 55%,
            #010b08 100%
        );

    color: #fff;
}


.tcp-sub-logo-c2 {
    position: absolute;

    z-index: 5;

    top: 24px;

    left:
        clamp(
            24px,
            5vw,
            76px
        );

    display: inline-flex;
}


.tcp-sub-logo-c2 img {
    display: block;

    width: auto;

    height:
        clamp(
            74px,
            6vw,
            96px
        );

    filter:
        drop-shadow(
            0 8px 20px
            rgba(0,0,0,.32)
        );
}


.tcp-subhero-c2 {
    position: relative;

    min-height: 100vh;

    display: flex;

    align-items: center;

    padding:
        145px
        clamp(
            24px,
            8vw,
            130px
        )
        70px;
}


.tcp-subinner-c2 {
    width: 100%;

    max-width: 1180px;

    margin: 0 auto;
}


.tcp-kicker-c2 {
    display: block;

    margin-bottom: 24px;

    color: #e9b93e;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .18em;
}


.tcp-subhero-c2 h1 {
    max-width: 800px;

    margin:
        0 0 24px;

    color: #fff;

    font-size:
        clamp(
            54px,
            7vw,
            92px
        );

    line-height: .93;

    letter-spacing: -.055em;
}


.tcp-subhero-c2 h1 em {
    display: block;

    color: #e9b93e;

    font-style: normal;
}


.tcp-intro-c2 {
    max-width: 680px;

    margin:
        0 0 38px;

    color:
        rgba(255,255,255,.70);

    font-size: 18px;

    line-height: 1.6;
}


/* SERVICES */

.tcp-service-grid-c2 {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    max-width: 920px;

    gap: 1px;

    margin-top: 34px;

    border:
        1px solid
        rgba(255,255,255,.10);

    background:
        rgba(255,255,255,.10);
}


.tcp-service-grid-c2 article {
    padding: 30px;

    min-height: 175px;

    background:
        rgba(2,23,17,.92);
}


.tcp-service-grid-c2 article > span {
    display: block;

    margin-bottom: 25px;

    color: #e9b93e;

    font-size: 11px;

    font-weight: 800;
}


.tcp-service-grid-c2 strong {
    display: block;

    margin-bottom: 10px;

    color: #fff;

    font-size: 21px;
}


.tcp-service-grid-c2 p {
    margin: 0;

    color:
        rgba(255,255,255,.58);

    line-height: 1.55;
}


.tcp-sub-actions-c2 {
    display: flex;

    gap: 12px;

    margin-top: 34px;
}


.tcp-primary-c2,
.tcp-secondary-c2 {
    min-height: 50px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        0 22px;

    border-radius: 4px;

    text-decoration: none !important;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .05em;
}


.tcp-primary-c2 {
    background: #e9b93e;

    color: #07150f !important;
}


.tcp-secondary-c2 {
    border:
        1px solid
        rgba(255,255,255,.22);

    color: #fff !important;
}


/* QUOTE */

.tcp-quote-layout-c2 {
    display: grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(520px,1.22fr);

    gap:
        clamp(
            42px,
            7vw,
            100px
        );

    align-items: start;
}


.tcp-quote-copy-c2 > p {
    max-width: 500px;

    color:
        rgba(255,255,255,.70);

    font-size: 17px;

    line-height: 1.6;
}


.tcp-benefits-c2 {
    display: flex;

    flex-direction: column;

    margin:
        30px 0;
}


.tcp-benefits-c2 span {
    padding:
        13px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);

    color:
        rgba(255,255,255,.80);

    font-size: 13px;
}


.tcp-form-c2 {
    position: relative;

    padding:
        clamp(
            26px,
            4vw,
            44px
        );

    border:
        1px solid
        rgba(233,185,62,.23);

    background:
        rgba(1,18,13,.78);

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.28);
}


.tcp-hp-c2 {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    overflow: hidden !important;

    clip:
        rect(0,0,0,0)
        !important;
}


.tcp-form-grid-c2 {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap: 16px;
}


.tcp-form-grid-c2 label,
.tcp-message-c2 {
    display: flex;

    flex-direction: column;

    gap: 7px;
}


.tcp-form-grid-c2 span,
.tcp-message-c2 span {
    color:
        rgba(255,255,255,.76);

    font-size: 11px;

    font-weight: 700;
}


.tcp-form-grid-c2 input,
.tcp-form-grid-c2 select,
.tcp-message-c2 textarea {
    width: 100%;

    min-height: 46px;

    padding:
        11px 13px;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 4px;

    outline: 0;

    background:
        rgba(255,255,255,.055);

    color: #fff;
}


.tcp-form-grid-c2 select option {
    color: #111;

    background: #fff;
}


.tcp-form-grid-c2 input:focus,
.tcp-form-grid-c2 select:focus,
.tcp-message-c2 textarea:focus {
    border-color: #e9b93e;

    box-shadow:
        0 0 0 3px
        rgba(233,185,62,.08);
}


.tcp-message-c2 {
    margin-top: 16px;
}


.tcp-message-c2 textarea {
    min-height: 110px;

    resize: vertical;
}


.tcp-submit-c2 {
    width: 100%;

    min-height: 52px;

    margin-top: 20px;

    border: 0;

    border-radius: 4px;

    background: #e9b93e;

    color: #06150f;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .06em;

    cursor: pointer;
}


.tcp-note-c2 {
    margin:
        13px 0 0;

    text-align: center;

    color:
        rgba(255,255,255,.42);

    font-size: 10px;
}


/* Hide standard Odoo website chrome on dedicated TRANSUG pages
   if the current website theme renders it. */

body:has(.tcp-subpage-c2) header#top,
body:has(.tcp-subpage-c2) .o_header_standard,
body:has(.tcp-subpage-c2) footer#bottom,
body:has(.tcp-subpage-c2) .o_footer {
    display: none !important;
}


@media (
    max-width: 900px
) {

    .tcp-quote-layout-c2 {
        grid-template-columns: 1fr;
    }

}


@media (
    max-width: 767px
) {

    .tcp-nav {
        top: 18px !important;

        left: 18px !important;
    }


    .tcp-nav img {
        height: 64px !important;
    }


    .tcp-sub-logo-c2 {
        top: 18px;

        left: 18px;
    }


    .tcp-sub-logo-c2 img {
        height: 64px;
    }


    .tcp-subhero-c2 {
        padding:
            110px
            20px
            44px;
    }


    .tcp-subhero-c2 h1 {
        font-size:
            clamp(
                44px,
                13vw,
                64px
            );
    }


    .tcp-service-grid-c2 {
        grid-template-columns: 1fr;
    }


    .tcp-sub-actions-c2 {
        flex-direction: column;

        align-items: stretch;
    }


    .tcp-primary-c2,
    .tcp-secondary-c2 {
        width: 100%;
    }


    .tcp-form-grid-c2 {
        grid-template-columns: 1fr;
    }


    .tcp-form-c2 {
        padding: 22px;
    }

}