/* ============================================================================
   Togo theme overrides — loaded AFTER the cloned Togo style.css on every main
   site page (the Togo design is now the primary site at /). Keeps
   public/togo-clone/ vendored and untouched while adapting the theme to Alp
   İnşaat's real logo, longer Turkish copy, and section rhythm.
   (Filename kept as v2-overrides.css to avoid re-linking every page.)
   ========================================================================== */

/* --- Real Alp İnşaat logo in the fixed sidebar. The stock theme renders a
   text wordmark (.logo h1); we swapped in the brand SVG, so size it here —
   the theme only sized an <img> for the mobile top bar, not the sidebar. --- */
.togo-fixed-sidebar .logo img {
    width: 168px;
    max-width: 78%;
    height: auto;
}

/* --- Spacing utilities the theme never shipped but the v2 markup uses.
   Without these, pt-40/pb-40 resolved to nothing and adjacent project
   sections collapsed against each other (no gap before "TAMAMLANAN"). --- */
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.pt-60 { padding-top: 60px; }
.pb-60 { padding-bottom: 60px; }

/* --- Project thumbnail captions ---------------------------------------------
   Stock Togo hides the caption at bottom:-60px and only slides it fully into
   view on hover — fine for its short one-line English titles, but it clips our
   two-line Turkish project names in the resting state. Pin the caption to the
   bottom of the image and lay a dark gradient behind it so the text is always
   fully visible and legible over any photo. --- */
.projects .item .con {
    position: absolute;
    bottom: 0;
    padding: 20px 22px 18px;
    background: linear-gradient(to top,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.60) 55%,
        rgba(0, 0, 0, 0) 100%);
}
/* Caption is already at bottom:0; neutralise the theme's hover slide. */
.projects .item:hover .con {
    bottom: 0;
}
.projects .item .con .category {
    margin-bottom: 6px;
    letter-spacing: 3px;
    font-size: 12px;
}
.projects .item .con h5 {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 0;
}
/* Don't over-darken on hover — the caption is permanent now, keep it readable. */
.projects .item:hover img {
    -webkit-filter: brightness(72%);
    filter: brightness(72%);
}

/* --- Home hero (kenburns) restyled to match the /alternative design language:
   elegant Playfair Display serif, sentence case (not Oswald all-caps), a gold
   eyebrow, and a deeper image overlay (set via data-overlay-dark="6" in the HTML).
   Scoped to the hero only, so section headings elsewhere keep their Togo look.
   Playfair is self-hosted (same files the /alternative pages use). --- */
@font-face {
    font-family: "Playfair Display";
    src: url("/fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Playfair Display";
    src: url("/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
    font-weight: 400 800;
    font-style: italic;
    font-display: swap;
}
.kenburns-inner .caption h4 {
    color: #c5a47e;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 8px;
}
.kenburns-inner .caption h1 {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    text-transform: none;
    letter-spacing: -0.5px;
    font-weight: 600;
    font-size: 62px;
    line-height: 1.12;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55);
}
@media screen and (max-width: 767px) {
    .kenburns-inner .caption h1 { font-size: 38px; }
}

/* --- Home "Öne Çıkan" carousel: force a uniform image height so the three
   project columns line up. The covers have different aspect ratios (16:9 vs
   4:3), which otherwise leaves the cards at mismatched heights. --- */
.projects .owl-carousel .item .position-re {
    height: 300px;
}
.projects .owl-carousel .item .position-re img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================================================
   Site-wide type system — adopt the /alternative pairing:
   Playfair Display (display) + Hanken Grotesk (body/UI), both self-hosted.
   The Togo theme hard-codes 'Oswald' (titles/UI), 'Didact Gothic' (body) and
   'Fira Sans' (nav); we alias all three to Hanken Grotesk so every existing
   rule picks it up, then promote the display titles to Playfair below.
   The Google Fonts <link> for Oswald/Didact was removed from the page heads.
   (Playfair @font-face is defined above, with the hero overrides.)
   ========================================================================== */
@font-face {
    font-family: "Hanken Grotesk";
    src: url("/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "Didact Gothic";
    src: url("/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "Oswald";
    src: url("/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "Fira Sans";
    src: url("/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900; font-style: normal; font-display: swap;
}
body {
    font-family: "Hanken Grotesk", -apple-system, "Segoe UI", sans-serif;
}

/* Display titles → Playfair Display, in sentence/title case (not Togo's caps). */
.title,
.projects .item .con h5,
.services .item .con h5,
.alp-ongoing h5,
.alp-register h5,
.alp-feature-title,
.numb {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
}
/* Strip the wide tracking the theme applied to .title for the old caps look. */
.title {
    word-spacing: normal;
    letter-spacing: 0;
}
/* 'Barlow' is the last theme font name (coming-soon / go-back widgets); alias it
   too so no theme rule falls back to a system font. */
@font-face {
    font-family: "Barlow";
    src: url("/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900; font-style: normal; font-display: swap;
}

/* Testimonial / brand-statement pull-quote. The theme sets font-style:italic but
   no family, so it inherited Hanken and rendered as an ugly faux-italic (the
   "wrong font" look). Make it an intentional Playfair Display italic — a real
   italic face — which reads as an elegant on-brand quote. Attribution stays
   Hanken (inherited). */
.testimonials p {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    font-style: italic;
}