@charset "UTF-8";
/* =========================================================
   BRN Dekorasyon – v3 "Mimari pafta" görünümü
   base/home/pages.css'ten SONRA yüklenir; jetonları ve bileşen görünümünü yeniler.
   İşlev, sınıf adları ve şablon yapısı korunur (eklenti ekranları da bu jetonları okur).
   Renk: beyaz + taş beyazı zemin, grafit metin; sarı yalnızca vurgu (ana buton, ince çizgi).
   ========================================================= */

:root {
	--brn-ink: #16171a;
	--brn-ink-2: #2b2c30;
	--brn-paper: #ffffff;
	--brn-surface: #ffffff;
	--brn-sand: #f3f3f0;
	--brn-line: #e1e0db;
	--brn-line-dark: #303136;
	--brn-muted: #505049;
	--brn-muted-dark: #c9c8c2;
	--brn-max: 1320px;
	--brn-gutter: clamp(20px, 4vw, 48px);
	--brn-col-gap: clamp(20px, 2.4vw, 40px);
	--brn-section: clamp(64px, 8vw, 128px);
	--brn-section-half: clamp(32px, 4vw, 64px);
	--brn-header-h: 80px;
	--brn-display-stretch: 104%;
	--brn-fs-h1: clamp(36px, 4vw, 58px);
	--brn-fs-h2: clamp(28px, 2.8vw, 42px);
	--brn-fs-h3: clamp(20px, 1.6vw, 24px);
}

body { background: var(--brn-paper); color: var(--brn-ink); }
h1, h2, h3, h4 { font-weight: 640; letter-spacing: -.012em; }
.lead { color: var(--brn-ink-2); }
.section--sand { background: var(--brn-sand); }
.section--rule { border-top-color: var(--brn-line); }
.home-label { font-size: var(--brn-fs-small); font-weight: 700; color: var(--brn-muted); margin: 0 0 14px; display: flex; align-items: center; gap: 12px; }
.home-label::before { content: ""; width: 28px; height: 1px; background: var(--brn-ink); }
.kicker { color: var(--brn-muted); }

/* ---------- Düğmeler: köşesiz, net, sarı yalnızca birincil ---------- */
.btn, .button, button.button, .wp-block-button__link, input[type="submit"] { border-radius: 2px; font-weight: 700; }
.btn .brn-ico { width: 16px; height: 16px; }
.btn--dark { background: var(--brn-ink); }
.btn--dark:hover { background: #000; }

/* ---------- Üst şerit: ince ve açık ---------- */
.topbar { background: var(--brn-sand); color: var(--brn-muted); border-bottom: 1px solid var(--brn-line); }
.topbar__inner { min-height: 34px; }
.topbar__links a { color: var(--brn-ink); }
.topbar__links a:hover { color: var(--brn-ink); text-decoration: underline; text-decoration-color: var(--brn-brand); }
.topbar__links .brn-ico { color: var(--brn-ink); }
.topbar__social a { color: var(--brn-muted); }

/* ---------- Üst menü ---------- */
.site-header { background: rgba(255, 255, 255, .97); border-bottom-color: var(--brn-line); }
.site-header.is-scrolled { border-bottom-color: var(--brn-line); box-shadow: 0 1px 0 var(--brn-line); }
.site-brand .custom-logo, .brand-logo img { height: 44px; max-height: 44px; }
.main-nav { justify-content: flex-start; padding-left: clamp(8px, 2vw, 32px); }
.main-nav .menu { gap: clamp(4px, 1.4vw, 22px); }
.main-nav .menu a { font-size: 15px; color: var(--brn-ink-2); padding-top: 28px; padding-bottom: 27px; }
.main-nav .menu > li > a::after { height: 2px; bottom: 20px; box-shadow: none; }
.main-nav .menu > li.current-menu-item > a::after, .main-nav .menu > li.current_page_item > a::after, .main-nav .menu > li.current-menu-ancestor > a::after, .main-nav .menu > li.current_page_ancestor > a::after { background: var(--brn-brand); }
.main-nav .sub-menu { border-top: 2px solid var(--brn-brand); box-shadow: 0 24px 48px -28px rgba(22, 23, 26, .35); }

/* ---------- Sayfa başlığı (iç sayfalar) ---------- */
.page-hero { background: var(--brn-paper); border-bottom: 1px solid var(--brn-line); padding: clamp(40px, 5vw, 80px) 0 clamp(32px, 4vw, 56px); }
.page-hero__title { font-size: clamp(34px, 3.8vw, 56px); line-height: 1.05; max-width: 20ch; }
.page-hero__sub { color: var(--brn-ink-2); }
.page-hero--image { background: var(--brn-sand); }
.page-hero__media { aspect-ratio: 16 / 10; }
.breadcrumb a { color: var(--brn-ink); }

/* ---------- İçerik kartları: çerçevesiz, ince çizgili ---------- */
.post-card__title, .project-card h2 { font-weight: 640; }
.post-card__media, .project-card__media { background: var(--brn-sand); }

/* =========================================================
   ANA SAYFA
   ========================================================= */

/* Açılış: tam genişlik görsel + üzerine taşan beyaz kart (sarı üst çizgi) */
body.home .hero-slider { background: var(--brn-sand); border-bottom: 0; }
body.home .hero-slide { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; min-height: 0; }
body.home .hero-slide__media { order: 1; height: min(74vh, 720px); min-height: 460px; }
body.home .hero-slide__panel { order: 2; position: relative; z-index: 2; display: block; margin-top: -220px; padding: 0 var(--brn-gutter) 0 max(var(--brn-gutter), calc((100vw - var(--brn-max)) / 2 + var(--brn-gutter))); }
body.home .hero-slide__content { max-width: 760px; background: var(--brn-paper); border-top: 4px solid var(--brn-brand); padding: clamp(28px, 3.4vw, 48px) clamp(24px, 3.6vw, 52px) clamp(28px, 3.2vw, 44px); }
body.home .hero__title { font-size: clamp(34px, 3.9vw, 56px); max-width: 18ch; margin-bottom: 18px; }
body.home .hero__text { color: var(--brn-ink-2); margin-bottom: 28px; max-width: 46ch; }
body.home .hero-slide__cap { top: clamp(16px, 2vw, 24px); bottom: auto; background: rgba(22, 23, 26, .6); font-weight: 600; }
body.home .hero-slider__nav { left: auto; right: max(var(--brn-gutter), calc((100vw - var(--brn-max)) / 2 + var(--brn-gutter))); bottom: auto; top: calc(min(74vh, 720px) - 76px); width: min(360px, 40vw); padding: 10px 12px; border-top: 0; background: rgba(255, 255, 255, .94); }
body.home .hero-slider { padding-bottom: clamp(40px, 5vw, 72px); }

/* Üç yol: ince çizgili satır */
body.home .home-paths { padding-top: clamp(48px, 5vw, 80px); }
body.home .home-paths__title { font-size: var(--brn-fs-small); font-family: var(--brn-font); font-stretch: normal; font-weight: 700; color: var(--brn-muted); display: flex; align-items: center; gap: 12px; }
body.home .home-paths__title::before { content: ""; width: 28px; height: 1px; background: var(--brn-ink); }
body.home .home-path__ic { border-color: var(--brn-line); }
body.home .home-path__t { font-weight: 640; }

/* Hizmet: büyük görsel + metin (yeni bölüm) */
.home-svc { background: var(--brn-sand); }
.home-svc__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(36px, 5vw, 80px); align-items: center; }
.home-svc__media { position: relative; margin: 0; }
.home-svc__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-svc__media figcaption { position: absolute; left: 0; bottom: 0; background: rgba(22, 23, 26, .6); color: #fff; font-size: var(--brn-fs-label); padding: 5px 10px; }
.home-svc__text .section-title { margin-bottom: 18px; }
.home-svc__list { list-style: none; margin: 28px 0 32px; padding: 0; border-top: 1px solid var(--brn-ink); }
.home-svc__list li { position: relative; padding: 13px 0 13px 32px; border-bottom: 1px solid var(--brn-line); font-weight: 600; }
.home-svc__list li::before { content: ""; position: absolute; left: 4px; top: 1.15em; width: 12px; height: 7px; border-left: 2px solid var(--brn-ink); border-bottom: 2px solid var(--brn-ink); transform: rotate(-45deg); }
.home-svc__btns { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }

/* Ürün grupları: katalog dizini (solda liste, sağda büyük görsel) */
body.home .home-groups { background: var(--brn-paper); }
body.home .home-groups__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-auto-rows: auto; gap: 0 clamp(32px, 4vw, 64px); border-top: 1px solid var(--brn-ink); }
body.home .home-groups__grid .home-group { grid-column: 1; grid-row: auto; flex-direction: row; align-items: center; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--brn-line); }
body.home .home-groups__grid .home-group .home-group__media { flex: none; width: 92px; aspect-ratio: 4 / 3; min-height: 0; }
body.home .home-groups__grid .home-group .home-group__cap { flex: 1; border-top: 0; margin: 0; padding: 0; }
body.home .home-groups__grid .home-group .home-group__name { font-size: clamp(18px, 1.4vw, 21px); font-weight: 640; }
body.home .home-groups__grid .home-group .home-group__desc { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
body.home .home-groups__grid .home-group--1 { grid-column: 2; grid-row: 1 / span 6; position: relative; display: block; padding: 0; border-bottom: 0; margin-top: -1px; }
body.home .home-groups__grid .home-group--1 .home-group__media { width: 100%; height: 100%; min-height: 520px; aspect-ratio: auto; }
body.home .home-groups__grid .home-group--1 .home-group__cap { position: absolute; left: 0; bottom: 0; max-width: 80%; background: var(--brn-paper); padding: 18px 22px; border-top: 3px solid var(--brn-brand); }
body.home .home-groups__grid .home-group--1 .home-group__name { font-size: clamp(22px, 2vw, 28px); }

/* Paketler, metraj, hakkımızda: zemin ritmi */
body.home .home-pk { background: var(--brn-paper); border-top: 1px solid var(--brn-line); }
body.home .home-calc { background: var(--brn-sand); }
body.home .pk-own { background: var(--brn-ink); }
body.home .home-steps b { border-color: var(--brn-ink); }

/* =========================================================
   ALT BİLGİ – kompakt (v3)
   ========================================================= */
.site-footer--v3 { font-size: 14.5px; border-top: 4px solid var(--brn-brand); }
.site-footer--v3 .footer-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 18px 32px; flex-wrap: wrap; padding-top: 32px; padding-bottom: 32px; }
.site-footer--v3 .footer-cta__t { margin: 0; color: #fff; font-family: var(--brn-display); font-stretch: var(--brn-display-stretch); font-weight: 640; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.2; }
.site-footer--v3 .footer-cta__btns { justify-content: flex-start; }
.site-footer--v3 .footer-grid { grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); gap: 32px var(--brn-col-gap); padding-top: 48px; padding-bottom: 40px; }
.site-footer--v3 .footer-col__title { font-size: 14px; font-family: var(--brn-font); font-stretch: normal; font-weight: 700; color: #fff; padding-bottom: 0; border-bottom: 0; margin-bottom: 14px; }
.site-footer--v3 .footer-col ul { gap: 2px; }
.site-footer--v3 .footer-col ul a:not(.footer-map) { padding: 4px 0; }
.site-footer--v3 .footer-col--brand .brand-logo img { height: 48px; max-height: 48px; }
.site-footer--v3 .footer-col--brand p { margin: 16px 0 14px; max-width: 38ch; }
.site-footer--v3 .footer-contact { margin-bottom: 16px; }
.site-footer--v3 .footer-contact li { padding: 0; }
.site-footer--v3 .footer-contact li a { color: #fff; }
.site-footer--v3 .footer-bottom__inner { padding-top: 16px; padding-bottom: 18px; }

/* =========================================================
   KIRILIMLAR
   ========================================================= */
@media (max-width: 1100px) {
	:root { --brn-header-h: 68px; }
	.main-nav { padding-left: 24px; }
	.main-nav .menu a { padding-top: 16px; padding-bottom: 16px; }
	.site-footer--v3 .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.site-footer--v3 .footer-col--brand { grid-column: 1 / -1; }
	.home-svc__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1024px) {
	/* base.css'teki "son sütun tam satır" kuralı v3'te geçersiz */
	.site-footer--v3 .footer-grid > .footer-col:last-child { grid-column: auto; }
}
@media (max-width: 900px) {
	body.home .home-groups__grid { grid-template-columns: minmax(0, 1fr); }
	body.home .home-groups__grid .home-group--1 { grid-column: 1; grid-row: auto; margin: 0 0 8px; }
	body.home .home-groups__grid .home-group--1 .home-group__media { min-height: 0; aspect-ratio: 4 / 3; height: auto; }
	body.home .hero-slider__nav { top: calc(min(74vh, 720px) - 70px); }
}
@media (max-width: 760px) {
	body.home .hero-slide__media { height: 54vh; min-height: 340px; }
	body.home .hero-slide__panel { margin-top: -56px; padding: 0; }
	body.home .hero-slide__content { max-width: none; padding: 28px 20px 30px; }
	body.home .hero__btns .btn { flex: 1 1 100%; }
	body.home .hero-slider__nav { top: calc(54vh - 116px); right: 12px; width: auto; }
	body.home .hero-slider__dots { display: none; }
	.site-footer--v3 .footer-cta__btns { width: 100%; }
	.site-footer--v3 .footer-cta__btns .btn { flex: 1 1 100%; }
	.site-footer--v3 .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; padding-top: 36px; }
	.site-footer--v3 .footer-col--kurumsal { grid-column: auto; }
	.site-footer--v3 .footer-col--kurumsal ul { grid-template-columns: minmax(0, 1fr); }
	.home-svc__btns .btn { flex: 1 1 100%; }
}
@media (max-width: 760px) and (max-height: 620px) {
	body.home .hero-slider__nav { top: calc(340px - 116px); }
}
@media (max-width: 340px) {
	.site-footer--v3 .footer-grid { grid-template-columns: minmax(0, 1fr); }
}