/*
 * English mirror layer
 * The English site uses the Turkish site's header, footer, spacing,
 * hero artwork and responsive behaviour. Only copy and route targets differ.
 */

body.en-mirror-site {
    background: #ffffff;
    color: var(--torevya-text, #515d70);
    font-family: "Instrument Sans", sans-serif;
}

body.en-mirror-site h1,
body.en-mirror-site h2,
body.en-mirror-site h3,
body.en-mirror-site h4,
body.en-mirror-site h5,
body.en-mirror-site h6 {
    font-family: "Fira Sans", sans-serif;
}

/* Fixed Turkish header clearance on the English home page. */
body.en-mirror-home-page #main-content {
    padding-top: 176px;
}

body.en-mirror-site #main-content {
    padding-top: 176px;
}

.en-mirror-site .en-shell {
    width: min(calc(100% - 48px), 1320px);
}

/* Home opening: same visual field and height as the Turkish homepage. */
.en-mirror-home-hero {
    min-height: calc(100vh - 176px);
    background:
        linear-gradient(90deg, rgba(1, 17, 69, .44), rgba(1, 19, 75, .18)),
        url("../images/hero/hero3.png") center / cover no-repeat !important;
}

.en-mirror-home-hero .en-hero__grid {
    min-height: calc(100vh - 176px);
    padding-block: 86px 110px;
}

.en-mirror-home-hero .en-hero__content {
    text-align: left;
}

.en-mirror-home-hero .en-hero__visual-card {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(5, 24, 46, .78);
}

/* Shared Turkish inner-page rhythm. */
.en-mirror-page .en-section {
    padding-block: 100px;
}

.en-mirror-page .en-section--soft {
    background:
        radial-gradient(circle at 7% 12%, rgba(39, 197, 223, .08), transparent 24%),
        var(--torevya-soft, #f7f9fd);
}

.en-mirror-page .en-section-heading h2 {
    color: var(--torevya-dark, #101a33);
}

.en-mirror-page .en-kicker {
    color: var(--torevya-purple, #7465f5);
}

.en-mirror-page .en-card {
    border: 1px solid var(--torevya-border, #e4e9f2);
    border-radius: var(--torevya-radius, 24px);
    background: #ffffff;
    box-shadow: var(--torevya-shadow, 0 18px 55px rgba(15, 38, 75, .1));
}

.en-mirror-page .en-card__visual img,
.en-mirror-page .torevya-page-hero__visual img {
    object-fit: contain;
}

.en-mirror-page .en-page-cta {
    background: var(--torevya-soft, #f7f9fd);
}

.en-mirror-page .en-page-cta__inner {
    border-radius: 34px;
    background:
        radial-gradient(circle at 90% 20%, rgba(88, 220, 233, .3), transparent 25%),
        linear-gradient(135deg, #3540f4, #714ce2);
}

/* All secondary English heroes reuse the Turkish blue visual language. */
.en-mirror-site .en-detail-hero,
.en-mirror-site .en-contact-hero,
.en-mirror-site .en-tool-hero {
    color: #ffffff;
    background:
        linear-gradient(112deg, rgba(17, 24, 133, .96), rgba(53, 55, 243, .92) 52%, rgba(11, 55, 143, .96)),
        url("../images/footer/footer-bg3.png") center / cover no-repeat;
}

.en-mirror-site .en-detail-hero h1,
.en-mirror-site .en-contact-hero h1,
.en-mirror-site .en-tool-hero h1,
.en-mirror-site .en-detail-hero p,
.en-mirror-site .en-contact-hero p,
.en-mirror-site .en-tool-hero p {
    color: #ffffff;
}

.en-mirror-site .en-detail-hero__visual,
.en-mirror-site .en-contact-hero__visual,
.en-mirror-site .en-tool-hero__visual {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 30px;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 30px 70px rgba(8, 16, 91, .28);
}

/* The duplicated Turkish navbar remains above every English surface. */
.en-mirror-site .techin-header-section,
.en-mirror-site .techin-menu-wrapper,
.en-mirror-site .techin-sidemenu-wraper {
    font-family: "Fira Sans", sans-serif;
}

/*
 * English desktop navigation
 * English labels are wider than their Turkish counterparts. Keep every item
 * on one row without changing the shared Turkish header height.
 */
@media (min-width: 1200px) {
    .en-mirror-site .techin-header-main-menu {
        gap: 10px;
        padding-left: 22px;
        padding-right: 14px;
    }

    .en-mirror-site .techin-header-main-menu .site-navbar {
        min-width: 0;
        flex: 1 1 auto;
    }

    .en-mirror-site .techin-header-main-menu .main-menu,
    .en-mirror-site .techin-header-main-menu .main-menu > ul {
        width: 100%;
    }

    .en-mirror-site .techin-header-main-menu .main-menu > ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        white-space: nowrap;
    }

    .en-mirror-site .techin-header-main-menu .main-menu > ul > li {
        flex: 0 0 auto;
        margin-inline: 5px;
    }

    .en-mirror-site .techin-header-main-menu .main-menu > ul > li > a {
        font-size: 13px;
        letter-spacing: -.02em;
    }

    .en-mirror-site .techin-header-main-menu .main-menu > ul > li.menu-item-has-children > a::after {
        font-size: 16px;
    }

    .en-mirror-site .techin-header-main-menu .header-btn-l1 {
        flex: 0 0 auto;
        gap: 8px;
        white-space: nowrap;
    }

    .en-mirror-site .techin-header-main-menu .techin-header-icon {
        flex: 0 0 auto;
        gap: 6px;
    }

    .en-mirror-site .techin-header-main-menu .techin-default-btn.techin-header-btn {
        min-width: 0;
        padding: 13px 17px;
        font-size: 16px;
        white-space: nowrap;
    }

    .en-mirror-site .techin-header-main-menu .torevya-language-switch {
        min-width: 50px;
        padding-inline: 8px;
    }
}

@media (min-width: 1500px) {
    .en-mirror-site .techin-header-main-menu .main-menu > ul > li {
        margin-inline: 8px;
    }

    .en-mirror-site .techin-header-main-menu .main-menu > ul > li > a {
        font-size: 14px;
    }

    .en-mirror-site .techin-header-main-menu .techin-default-btn.techin-header-btn {
        padding-inline: 22px;
        font-size: 17px;
    }
}

@media (max-width: 1199.98px) {
    body.en-mirror-home-page #main-content {
        padding-top: 100px;
    }

    body.en-mirror-site #main-content {
        padding-top: 100px;
    }

    .en-mirror-home-hero,
    .en-mirror-home-hero .en-hero__grid {
        min-height: auto;
    }

    .en-mirror-home-hero .en-hero__grid {
        padding-block: 75px 95px;
    }
}

@media (max-width: 767.98px) {
    body.en-mirror-home-page #main-content {
        padding-top: 88px;
    }

    body.en-mirror-site #main-content {
        padding-top: 88px;
    }

    .en-mirror-site .en-shell {
        width: min(calc(100% - 28px), 1320px);
    }

    .en-mirror-home-hero .en-hero__grid {
        gap: 38px;
        padding-block: 56px 72px;
    }

    .en-mirror-page .en-section {
        padding-block: 70px;
    }
}