/* Site tasarımlarının YERLEŞİM kuralları (v3.29.0). Renk/yazı/köşe jetonları tema-sistemi.js'ten üretilen temalar.css'tedir;
   burada yalnızca her tasarımın kendi kompozisyonu vardır. Tüm kurallar html[data-emk-tema] ile sınırlıdır: tema seçilmeyen
   ('klasik') sitede hiçbir şey değişmez. Sayfa betikleri hero içeriğini id ile günceller (#hero-title vb.), bu yüzden
   seçiciler yalnızca bu id'lere ve hero'nun sabit kapsayıcısına dayanır. Tailwind sınıfları sonradan eklendiği için !important gerekir. */

/* ============ HERO ============ */

/* ---- Klasik Lüks: ortalı, koyu, altın çizgili ---- */
html[data-emk-tema="luks"] #section-hero {
  background: radial-gradient(ellipse 80% 70% at 50% 0%, rgb(var(--c-primary-container)) 0%, rgb(var(--c-primary)) 55%, rgb(var(--c-hero-end)) 100%) !important;
  padding-top: clamp(4.5rem, 9vw, 7.5rem);
  padding-bottom: clamp(4rem, 8vw, 6.5rem);
}
html[data-emk-tema="luks"] #hero-badge {
  background: transparent !important;
  border: 1px solid rgb(var(--c-secondary-container) / .55) !important;
  border-radius: 0 !important;
  color: rgb(var(--c-secondary-container)) !important;
  text-transform: uppercase; letter-spacing: .28em; font-size: .68rem !important; padding: .55rem 1.4rem !important;
}
html[data-emk-tema="luks"] #hero-title {
  font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.08 !important;
  font-size: clamp(2.6rem, 6.4vw, 5.2rem) !important;
}
html[data-emk-tema="luks"] #hero-title::after {
  content: ""; display: block; width: 96px; height: 1px; margin: 1.6rem auto 0;
  background: linear-gradient(90deg, transparent, rgb(var(--c-secondary-container)), transparent);
}
html[data-emk-tema="luks"] #hero-title .text-secondary-container { color: rgb(var(--c-secondary-container)) !important; font-style: italic; }
html[data-emk-tema="luks"] #hero-subtitle { color: rgb(255 255 255 / .72) !important; letter-spacing: .02em; }
html[data-emk-tema="luks"] #hero-filter-container {
  border: 1px solid rgb(var(--c-secondary-container) / .6) !important;
  box-shadow: 0 30px 70px -20px rgb(0 0 0 / .55) !important;
}

/* ---- Modern Ferah: açık, ortalı, yumuşak vurgu ışığı ---- */
html[data-emk-tema="modern"] #section-hero {
  background:
    radial-gradient(900px 420px at 50% -8%, rgb(var(--c-secondary) / .16), transparent 65%),
    linear-gradient(180deg, #fff 0%, rgb(var(--c-surface-container-low)) 100%) !important;
  color: rgb(var(--c-on-surface)) !important;
  border-radius: 0 0 2.5rem 2.5rem;
  padding-top: clamp(3.5rem, 7vw, 6rem);
  padding-bottom: clamp(3.5rem, 7vw, 6rem);
}
html[data-emk-tema="modern"] #section-hero > .absolute { display: none; }
html[data-emk-tema="modern"] #hero-badge {
  background: #fff !important; color: rgb(var(--c-on-surface)) !important;
  border: 1px solid rgb(var(--c-outline-variant)) !important; box-shadow: 0 6px 18px -8px rgb(15 23 42 / .18);
}
html[data-emk-tema="modern"] #hero-title { color: rgb(var(--c-on-surface)); font-size: clamp(2.4rem, 5.8vw, 4.6rem) !important; letter-spacing: -.035em !important; }
html[data-emk-tema="modern"] #hero-title .text-secondary-container {
  background: linear-gradient(90deg, rgb(var(--c-secondary)), rgb(var(--c-tertiary)));
  -webkit-background-clip: text; background-clip: text; color: transparent !important;
}
html[data-emk-tema="modern"] #hero-subtitle { color: rgb(var(--c-on-surface-variant)) !important; }
html[data-emk-tema="modern"] #hero-filter-container {
  border: 1px solid rgb(var(--c-outline-variant)) !important; box-shadow: 0 30px 60px -28px rgb(15 23 42 / .28) !important;
}

/* ---- Kurumsal Güven: sola yaslı, düz bant, vurgu şeridi ---- */
html[data-emk-tema="kurumsal"] #section-hero {
  background: linear-gradient(120deg, rgb(var(--c-primary)) 0%, rgb(var(--c-primary-container)) 100%) !important;
  border-bottom: 5px solid rgb(var(--c-secondary));
  padding-top: clamp(3rem, 6vw, 5rem);
  padding-bottom: clamp(3.5rem, 6vw, 5.5rem);
}
html[data-emk-tema="kurumsal"] #section-hero > .absolute { opacity: .05 !important; }
html[data-emk-tema="kurumsal"] #section-hero > .max-w-6xl { align-items: flex-start; text-align: left; }
html[data-emk-tema="kurumsal"] #hero-badge {
  background: rgb(255 255 255 / .08) !important; border: 0 !important; border-left: 4px solid rgb(var(--c-secondary-container)) !important;
  border-radius: 0 !important; padding: .45rem 1rem !important; text-transform: uppercase; letter-spacing: .1em; font-size: .7rem !important;
}
html[data-emk-tema="kurumsal"] #hero-title {
  font-size: clamp(2rem, 4.4vw, 3.5rem) !important; max-width: 46rem !important; line-height: 1.12 !important; letter-spacing: -.01em !important;
}
html[data-emk-tema="kurumsal"] #hero-title .text-secondary-container { color: rgb(var(--c-secondary-container)) !important; }
html[data-emk-tema="kurumsal"] #hero-filter-container, html[data-emk-tema="dergi"] #hero-filter-container { max-width: none !important; }
html[data-emk-tema="kurumsal"] #hero-subtitle { max-width: 40rem; margin-bottom: 2rem !important; }
html[data-emk-tema="kurumsal"] #hero-filter-container { border-top: 4px solid rgb(var(--c-secondary)) !important; box-shadow: 0 24px 50px -24px rgb(0 0 0 / .5) !important; }

/* ---- Sıcak Butik: krem, ortalı, yumuşak daireler, kavisli alt kenar ---- */
html[data-emk-tema="butik"] #section-hero {
  background: linear-gradient(180deg, rgb(var(--c-surface-container)) 0%, rgb(var(--c-surface)) 100%) !important;
  color: rgb(var(--c-on-surface)) !important;
  border-radius: 0 0 4rem 4rem;
  padding-top: clamp(3.5rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 8vw, 6.5rem);
}
html[data-emk-tema="butik"] #section-hero > .absolute {
  opacity: 1 !important; background-size: auto !important;
  background-image:
    radial-gradient(circle at 12% 22%, rgb(var(--c-secondary-container) / .38) 0, transparent 20%),
    radial-gradient(circle at 88% 30%, rgb(var(--c-tertiary) / .16) 0, transparent 22%),
    radial-gradient(circle at 70% 95%, rgb(var(--c-secondary) / .12) 0, transparent 24%) !important;
}
html[data-emk-tema="butik"] #hero-badge {
  background: rgb(var(--c-secondary-container) / .35) !important; border: 0 !important; color: rgb(var(--c-secondary)) !important; font-weight: 700;
}
html[data-emk-tema="butik"] #hero-title { color: rgb(var(--c-primary)); font-weight: 600 !important; font-size: clamp(2.4rem, 5.6vw, 4.4rem) !important; letter-spacing: -.02em !important; }
html[data-emk-tema="butik"] #hero-title .text-secondary-container { color: rgb(var(--c-secondary)) !important; font-style: italic; }
html[data-emk-tema="butik"] #hero-subtitle { color: rgb(var(--c-on-surface-variant)) !important; }
html[data-emk-tema="butik"] #hero-filter-container { border: 0 !important; box-shadow: 0 28px 60px -26px rgb(58 42 32 / .35) !important; }

/* ---- Dergi Stili: beyaz kapak, sola yaslı dev başlık, kalın siyah çerçeve ---- */
html[data-emk-tema="dergi"] #section-hero {
  background: #fff !important; color: #111 !important;
  border-bottom: 6px solid #111;
  padding-top: clamp(3rem, 6vw, 5rem);
  padding-bottom: clamp(3rem, 6vw, 4.5rem);
}
html[data-emk-tema="dergi"] #section-hero > .absolute { display: none; }
html[data-emk-tema="dergi"] #section-hero > .max-w-6xl { align-items: flex-start; text-align: left; }
html[data-emk-tema="dergi"] #hero-badge {
  background: transparent !important; border: 0 !important; border-top: 2px solid #111 !important; border-radius: 0 !important;
  padding: .6rem 0 0 !important; color: #111 !important; text-transform: uppercase; letter-spacing: .2em; font-size: .68rem !important; font-weight: 700;
}
html[data-emk-tema="dergi"] #hero-title {
  color: #111; max-width: none !important; line-height: .98 !important; letter-spacing: -.035em !important; font-weight: 800 !important;
  font-size: clamp(2.7rem, 7.4vw, 6rem) !important;
}
html[data-emk-tema="dergi"] #hero-title .text-secondary-container { color: rgb(var(--c-secondary)) !important; font-style: italic; }
html[data-emk-tema="dergi"] #hero-subtitle { color: #444 !important; max-width: 40rem; }
html[data-emk-tema="dergi"] #hero-filter-container { border: 2px solid #111 !important; box-shadow: 8px 8px 0 #111 !important; }

/* ============ İLAN KARTI (vitrin) ============
   Tutamaçlar main.js renderPropertiesGrid içinde: .emk-card (kök), .emk-card-img, .emk-card-body, .emk-card-price, .emk-card-cta. */

/* ---- Klasik Lüks: ince altın çerçeve, gölgesiz, harf aralıklı küçük buton ---- */
html[data-emk-tema="luks"] .emk-card { border: 1px solid rgb(var(--c-outline-variant)) !important; box-shadow: none !important; background: rgb(var(--c-surface-container-lowest)); }
html[data-emk-tema="luks"] .emk-card:hover { border-color: rgb(var(--c-secondary)) !important; box-shadow: 0 18px 40px -22px rgb(0 0 0 / .45) !important; }
html[data-emk-tema="luks"] .emk-card-body { padding: 1.5rem 1.5rem 1.4rem; text-align: center; }
html[data-emk-tema="luks"] .emk-card-body h3 { font-size: 1.3rem !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.2; }
html[data-emk-tema="luks"] .emk-card-body > div:first-child > div:first-child { justify-content: center; }
html[data-emk-tema="luks"] .emk-card-body > div:first-child > div:last-child { justify-content: center; }
html[data-emk-tema="luks"] .emk-card-body > div:last-child { flex-direction: column; gap: 1rem; align-items: center; border-top: 0 !important; padding-top: 0; }
html[data-emk-tema="luks"] .emk-card-price { color: rgb(var(--c-secondary)) !important; font-weight: 600 !important; font-size: 1.5rem !important; }
html[data-emk-tema="luks"] .emk-card-cta {
  background: transparent !important; color: rgb(var(--c-primary)) !important; border: 1px solid rgb(var(--c-primary)); box-shadow: none !important;
  text-transform: uppercase; letter-spacing: .18em; font-size: .68rem !important; width: 100%; justify-content: center;
}
html[data-emk-tema="luks"] .emk-card-cta:hover { background: rgb(var(--c-primary)) !important; color: rgb(var(--c-on-primary)) !important; }

/* ---- Modern Ferah: çerçevesiz, geniş yumuşak gölge, içeri alınmış yuvarlak görsel, hap buton ---- */
html[data-emk-tema="modern"] .emk-card { border: 0 !important; box-shadow: 0 14px 40px -18px rgb(15 23 42 / .22) !important; padding: .6rem; }
html[data-emk-tema="modern"] .emk-card:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -20px rgb(79 70 229 / .35) !important; }
html[data-emk-tema="modern"] .emk-card-img { border-radius: 1.1rem; }
html[data-emk-tema="modern"] .emk-card-body { padding: 1.1rem .7rem .7rem; }
html[data-emk-tema="modern"] .emk-card-cta { border-radius: 9999px !important; background: rgb(var(--c-secondary)) !important; padding: 0 1.25rem; }
html[data-emk-tema="modern"] .emk-card-cta:hover { background: rgb(var(--c-secondary-hover)) !important; }

/* ---- Kurumsal Güven: düz, üstte vurgu şeridi, bilgi satırı gri bantta ---- */
html[data-emk-tema="kurumsal"] .emk-card { border: 1px solid rgb(var(--c-outline-variant)) !important; border-top: 4px solid rgb(var(--c-secondary)) !important; box-shadow: none !important; }
html[data-emk-tema="kurumsal"] .emk-card:hover { box-shadow: 0 14px 30px -16px rgb(10 37 88 / .4) !important; }
html[data-emk-tema="kurumsal"] .emk-card-body > div:first-child > div:last-child {
  background: rgb(var(--c-surface-container-low)); border-top: 0 !important; margin-top: .9rem; padding: .6rem .75rem; border-radius: .25rem;
}
html[data-emk-tema="kurumsal"] .emk-card-price { color: rgb(var(--c-primary)) !important; }
html[data-emk-tema="kurumsal"] .emk-card-cta { background: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="kurumsal"] .emk-card-cta:hover { background: rgb(var(--c-secondary-hover)) !important; }

/* ---- Sıcak Butik: kemer (pencere) biçimli görsel, ortalı yazı, yuvarlak buton ---- */
html[data-emk-tema="butik"] .emk-card { border: 0 !important; box-shadow: 0 12px 34px -20px rgb(58 42 32 / .4) !important; background: rgb(var(--c-surface-container-lowest)); padding: .9rem .9rem 0; }
html[data-emk-tema="butik"] .emk-card-img { border-radius: 5rem 5rem 1.2rem 1.2rem !important; }
/* kemerin köşesinde kesilmesin: üstteki rozetler içeri alınır */
html[data-emk-tema="butik"] .emk-card-img .absolute[class*="top-3"][class*="left-3"] { top: 1.5rem !important; left: 1.6rem !important; }
html[data-emk-tema="butik"] .emk-card-img .absolute[class*="top-3"][class*="right-3"] { top: 1.5rem !important; right: 1.6rem !important; }
html[data-emk-tema="butik"] .emk-card-body { text-align: center; padding: 1.1rem .8rem 1.3rem; }
html[data-emk-tema="butik"] .emk-card-body > div:first-child > div:first-child { justify-content: center; }
html[data-emk-tema="butik"] .emk-card-body > div:first-child > div:last-child { justify-content: center; border-top: 0 !important; }
html[data-emk-tema="butik"] .emk-card-body > div:last-child { flex-direction: column; gap: .9rem; align-items: center; border-top: 0 !important; padding-top: 0; }
html[data-emk-tema="butik"] .emk-card-price { color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="butik"] .emk-card-cta { border-radius: 9999px !important; background: rgb(var(--c-secondary)) !important; width: 100%; justify-content: center; }
html[data-emk-tema="butik"] .emk-card-cta:hover { background: rgb(var(--c-secondary-hover)) !important; }

/* ---- Dergi Stili: siyah çerçeve, sert gölge, dev başlık (fotoğraflar renkli kalır: siyah beyaz filtre satışa zarar verir ve dokunmatikte hover yoktur) ---- */
html[data-emk-tema="dergi"] .emk-card { border: 2px solid #111 !important; box-shadow: none !important; transition: transform .15s, box-shadow .15s; }
html[data-emk-tema="dergi"] .emk-card:hover { transform: translate(-4px, -4px); box-shadow: 8px 8px 0 #111 !important; }
html[data-emk-tema="dergi"] .emk-card-img { border-bottom: 2px solid #111; }
html[data-emk-tema="dergi"] .emk-card-body h3 { font-size: 1.35rem !important; font-weight: 800 !important; line-height: 1.15; letter-spacing: 0 !important; }
html[data-emk-tema="dergi"] .emk-card-body > div:last-child { border-top: 2px solid #111 !important; }
html[data-emk-tema="dergi"] .emk-card-price { font-weight: 800 !important; }
html[data-emk-tema="dergi"] .emk-card-cta { background: #111 !important; border-radius: 0 !important; text-transform: uppercase; letter-spacing: .12em; }
html[data-emk-tema="dergi"] .emk-card-cta:hover { background: rgb(var(--c-secondary)) !important; }

/* ============ İLAN DETAY SAYFASI (ilan.html) ============
   Tutamaçlar: #emk-detail-head (başlık+fiyat şeridi), #emk-detail-price (fiyat kartı), #quick-metric-bar, #gallery-mosaic,
   #emk-detail-main (sol içerik bölümleri: > section), #emk-detail-side (sağ yapışkan kolon: > div kartlar). */

/* ---- Klasik Lüks: ortalı başlık, ince altın çizgili, kâğıt gibi düz bölümler ---- */
html[data-emk-tema="luks"] #emk-detail-head > div { flex-direction: column !important; align-items: center !important; text-align: center; }
html[data-emk-tema="luks"] #emk-detail-head .emk-detail-titlebox { align-items: center; max-width: 52rem; }
html[data-emk-tema="luks"] #emk-detail-head .emk-detail-titlebox > div { justify-content: center; }
html[data-emk-tema="luks"] #prop-title { font-weight: 500 !important; letter-spacing: 0 !important; font-size: clamp(2rem, 4.4vw, 3.4rem) !important; line-height: 1.12 !important; }
html[data-emk-tema="luks"] #prop-address { justify-content: center; }
html[data-emk-tema="luks"] #emk-detail-price {
  background: transparent !important; box-shadow: none !important; align-items: center !important; min-width: 0 !important;
  border: 0 !important; border-top: 1px solid rgb(var(--c-secondary)) !important; border-bottom: 1px solid rgb(var(--c-secondary)) !important; border-radius: 0 !important; padding: 1.1rem 3rem !important;
}
html[data-emk-tema="luks"] #prop-price { color: rgb(var(--c-secondary)); font-weight: 600 !important; font-size: 2.6rem !important; }
html[data-emk-tema="luks"] #quick-metric-bar > * { border-radius: 0 !important; box-shadow: none !important; border-color: rgb(var(--c-outline-variant)) !important; }
html[data-emk-tema="luks"] #gallery-mosaic > *, html[data-emk-tema="luks"] #gallery-mosaic img { border-radius: 0 !important; }
html[data-emk-tema="luks"] #emk-detail-main > section, html[data-emk-tema="luks"] #emk-detail-side > div {
  border-radius: 0 !important; box-shadow: none !important; border: 1px solid rgb(var(--c-outline-variant)) !important; border-top: 2px solid rgb(var(--c-secondary)) !important;
}
html[data-emk-tema="luks"] #emk-detail-main h2 { font-weight: 600 !important; letter-spacing: 0 !important; }

/* ---- Modern Ferah: büyük yuvarlak görsel, çerçevesiz yüzen kartlar ---- */
html[data-emk-tema="modern"] #prop-title { letter-spacing: -.035em !important; }
html[data-emk-tema="modern"] #emk-detail-price { border: 0 !important; box-shadow: 0 18px 44px -20px rgb(79 70 229 / .35) !important; border-radius: 1.5rem !important; background: linear-gradient(135deg, #fff, rgb(var(--c-surface-container-low))) !important; }
html[data-emk-tema="modern"] #prop-price { color: rgb(var(--c-secondary)); }
html[data-emk-tema="modern"] #quick-metric-bar > * { border: 0 !important; border-radius: 9999px !important; box-shadow: 0 8px 22px -14px rgb(15 23 42 / .3) !important; }
html[data-emk-tema="modern"] #gallery-mosaic { gap: .75rem !important; }
html[data-emk-tema="modern"] #gallery-mosaic > *, html[data-emk-tema="modern"] #gallery-mosaic img { border-radius: 1.75rem !important; }
html[data-emk-tema="modern"] #emk-detail-main > section, html[data-emk-tema="modern"] #emk-detail-side > div {
  border: 0 !important; border-radius: 1.75rem !important; box-shadow: 0 16px 44px -22px rgb(15 23 42 / .25) !important;
}

/* ---- Kurumsal Güven: fiyat lacivert blok, bölümlerde sol vurgu çizgisi, düz ---- */
html[data-emk-tema="kurumsal"] #emk-detail-price {
  background: rgb(var(--c-primary)) !important; border: 0 !important; border-radius: .35rem !important; border-left: 5px solid rgb(var(--c-secondary-container)) !important;
}
html[data-emk-tema="kurumsal"] #emk-detail-price, html[data-emk-tema="kurumsal"] #emk-detail-price * { color: #fff !important; }
html[data-emk-tema="kurumsal"] #emk-detail-price #prop-price-badges * { background: rgb(255 255 255 / .14) !important; }
html[data-emk-tema="kurumsal"] #quick-metric-bar > * { border-radius: .25rem !important; box-shadow: none !important; border-bottom: 3px solid rgb(var(--c-secondary)) !important; }
html[data-emk-tema="kurumsal"] #gallery-mosaic > *, html[data-emk-tema="kurumsal"] #gallery-mosaic img { border-radius: .25rem !important; }
html[data-emk-tema="kurumsal"] #emk-detail-main > section { border-radius: .3rem !important; box-shadow: none !important; border-left: 5px solid rgb(var(--c-secondary)) !important; }
html[data-emk-tema="kurumsal"] #emk-detail-side > div { border-radius: .3rem !important; box-shadow: none !important; border-top: 4px solid rgb(var(--c-secondary)) !important; }

/* ---- Sıcak Butik: yumuşak sıcak kartlar, ortalı bölüm başlıkları ---- */
html[data-emk-tema="butik"] #emk-detail-price { background: rgb(var(--c-secondary-container) / .3) !important; border: 0 !important; box-shadow: none !important; border-radius: 2rem !important; }
html[data-emk-tema="butik"] #prop-price { color: rgb(var(--c-secondary)); }
html[data-emk-tema="butik"] #quick-metric-bar > * { border: 0 !important; background: rgb(var(--c-surface-container)) !important; border-radius: 1.4rem !important; box-shadow: none !important; }
html[data-emk-tema="butik"] #gallery-mosaic > *, html[data-emk-tema="butik"] #gallery-mosaic img { border-radius: 2rem !important; }
html[data-emk-tema="butik"] #emk-detail-main > section, html[data-emk-tema="butik"] #emk-detail-side > div {
  border: 0 !important; border-radius: 2.2rem !important; background: rgb(var(--c-surface-container-lowest)) !important; box-shadow: 0 14px 36px -24px rgb(58 42 32 / .5) !important;
}
html[data-emk-tema="butik"] #emk-detail-main h2 { font-weight: 600 !important; }

/* ---- Dergi Stili: dev başlık, siyah çizgili bölümler, kart yok, tablo gibi bilgi ---- */
html[data-emk-tema="dergi"] #prop-title { font-size: clamp(2.2rem, 5.4vw, 4.4rem) !important; line-height: 1 !important; letter-spacing: .015em !important; font-weight: 800 !important; }
html[data-emk-tema="dergi"] #emk-detail-price { background: transparent !important; border: 0 !important; border-bottom: 6px solid #111 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 0 .6rem !important; }
html[data-emk-tema="dergi"] #prop-price { font-size: 3.2rem !important; font-weight: 800 !important; color: #111; }
html[data-emk-tema="dergi"] #quick-metric-bar { gap: 0 !important; border: 2px solid #111; }
html[data-emk-tema="dergi"] #quick-metric-bar > * { border: 0 !important; border-right: 1px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
html[data-emk-tema="dergi"] #gallery-mosaic > *, html[data-emk-tema="dergi"] #gallery-mosaic img { border-radius: 0 !important; }
html[data-emk-tema="dergi"] #gallery-mosaic { gap: 6px !important; }
html[data-emk-tema="dergi"] #emk-detail-main > section { background: transparent !important; border: 0 !important; border-top: 4px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
html[data-emk-tema="dergi"] #emk-detail-main h2 { font-size: 1.9rem !important; font-weight: 800 !important; letter-spacing: 0 !important; }
html[data-emk-tema="dergi"] #emk-detail-side > div { border: 2px solid #111 !important; border-radius: 0 !important; box-shadow: 8px 8px 0 #111 !important; }

/* ============ PROJE SAYFASI (proje.html) ============
   Tutamaçlar: #emk-proj-hero (kapak; içeriği ilk .relative çocuğu), #emk-proj-price (fiyat kartı), #emk-proj-stats (ikonlu istatistik şeridi),
   #emk-proj-main (sol bölümler: > section), #emk-proj-side (sağ kolon: > div kartlar). Kapakta metinler beyaz sınıflıdır; açık zeminli
   tasarımlarda iç renkleri !important ile ezmek gerekir. */

/* ---- Klasik Lüks: ortalı kapak, altın çerçeveli koyu fiyat kartı, kâğıt bölümler ---- */
html[data-emk-tema="luks"] #emk-proj-hero { align-items: center; min-height: 560px; }
html[data-emk-tema="luks"] #emk-proj-hero > .relative { flex-direction: column !important; align-items: center !important; text-align: center; gap: 2rem; }
html[data-emk-tema="luks"] #emk-proj-hero > .relative > div:first-child > div { justify-content: center; }
html[data-emk-tema="luks"] #proj-title { font-weight: 500 !important; letter-spacing: 0 !important; font-size: clamp(2.4rem, 6vw, 4.6rem) !important; }
html[data-emk-tema="luks"] #proj-media-quick-bar { justify-content: center; }
html[data-emk-tema="luks"] #emk-proj-price { background: rgb(0 0 0 / .5) !important; border: 1px solid rgb(var(--c-secondary-container) / .7) !important; border-radius: 0 !important; text-align: center; align-items: center; }
html[data-emk-tema="luks"] #proj-price-box { color: rgb(var(--c-secondary-container)) !important; font-weight: 600 !important; }
html[data-emk-tema="luks"] #emk-proj-stats { border-bottom: 2px solid rgb(var(--c-secondary)); }
html[data-emk-tema="luks"] #emk-proj-stats .grid > div { border-radius: 0 !important; background: transparent !important; }
html[data-emk-tema="luks"] #emk-proj-main > section, html[data-emk-tema="luks"] #emk-proj-side > div { border-radius: 0 !important; box-shadow: none !important; border: 1px solid rgb(var(--c-outline-variant)) !important; border-top: 2px solid rgb(var(--c-secondary)) !important; }

/* ---- Modern Ferah: yuvarlak köşeli kapak kartı, buzlu beyaz fiyat kartı, yüzen bölümler ---- */
html[data-emk-tema="modern"] #emk-proj-hero { margin: 1rem; width: auto; border-radius: 2.2rem; }
html[data-emk-tema="modern"] #proj-title { letter-spacing: -.035em !important; }
html[data-emk-tema="modern"] #emk-proj-price { background: rgb(255 255 255 / .92) !important; border: 0 !important; border-radius: 1.6rem !important; box-shadow: 0 24px 50px -20px rgb(0 0 0 / .5) !important; }
html[data-emk-tema="modern"] #emk-proj-price * { color: rgb(var(--c-on-surface-variant)) !important; }
html[data-emk-tema="modern"] #emk-proj-price #proj-price-box { color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="modern"] #emk-proj-price a, html[data-emk-tema="modern"] #emk-proj-price a * { color: #fff !important; }
html[data-emk-tema="modern"] #emk-proj-price a { border-radius: 9999px !important; background: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="modern"] #emk-proj-stats { border: 0 !important; box-shadow: none !important; background: transparent !important; }
html[data-emk-tema="modern"] #emk-proj-stats .grid > div { border: 0 !important; border-radius: 9999px !important; box-shadow: 0 8px 22px -14px rgb(15 23 42 / .3) !important; background: #fff !important; }
html[data-emk-tema="modern"] #emk-proj-main > section, html[data-emk-tema="modern"] #emk-proj-side > div { border: 0 !important; border-radius: 1.75rem !important; box-shadow: 0 16px 44px -22px rgb(15 23 42 / .25) !important; }

/* ---- Kurumsal Güven: alçak kapak, düz renkli fiyat bloğu, vurgu şeritleri ---- */
html[data-emk-tema="kurumsal"] #emk-proj-hero { min-height: 400px; border-bottom: 5px solid rgb(var(--c-secondary)); }
html[data-emk-tema="kurumsal"] #emk-proj-price { background: rgb(var(--c-primary)) !important; border: 0 !important; border-left: 5px solid rgb(var(--c-secondary-container)) !important; border-radius: .35rem !important; backdrop-filter: none !important; }
html[data-emk-tema="kurumsal"] #proj-price-box { color: #fff !important; }
html[data-emk-tema="kurumsal"] #emk-proj-stats .grid > div { border-radius: .25rem !important; border-bottom: 3px solid rgb(var(--c-secondary)) !important; background: #fff !important; }
html[data-emk-tema="kurumsal"] #emk-proj-main > section { border-radius: .3rem !important; box-shadow: none !important; border-left: 5px solid rgb(var(--c-secondary)) !important; }
html[data-emk-tema="kurumsal"] #emk-proj-side > div { border-radius: .3rem !important; box-shadow: none !important; border-top: 4px solid rgb(var(--c-secondary)) !important; }

/* ---- Sıcak Butik: kavisli alt kenarlı kapak, krem fiyat kartı, yumuşak kartlar ---- */
html[data-emk-tema="butik"] #emk-proj-hero { border-radius: 0 0 4rem 4rem; }
html[data-emk-tema="butik"] #proj-title { font-weight: 600 !important; letter-spacing: -.02em !important; }
html[data-emk-tema="butik"] #emk-proj-price { background: rgb(var(--c-surface) / .94) !important; border: 0 !important; border-radius: 2rem !important; }
html[data-emk-tema="butik"] #emk-proj-price * { color: rgb(var(--c-on-surface-variant)) !important; }
html[data-emk-tema="butik"] #emk-proj-price #proj-price-box { color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="butik"] #emk-proj-price a, html[data-emk-tema="butik"] #emk-proj-price a * { color: #fff !important; }
html[data-emk-tema="butik"] #emk-proj-price a { border-radius: 9999px !important; background: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="butik"] #emk-proj-stats .grid > div { border: 0 !important; background: rgb(var(--c-surface-container)) !important; border-radius: 1.4rem !important; }
html[data-emk-tema="butik"] #emk-proj-main > section, html[data-emk-tema="butik"] #emk-proj-side > div { border: 0 !important; border-radius: 2.2rem !important; box-shadow: 0 14px 36px -24px rgb(58 42 32 / .5) !important; }

/* ---- Dergi Stili: kalın siyah çizgiler, beyaz sert fiyat kartı, kart yok ---- */
html[data-emk-tema="dergi"] #emk-proj-hero { border-bottom: 6px solid #111; }
html[data-emk-tema="dergi"] #proj-title { font-size: clamp(2.6rem, 7vw, 5.6rem) !important; line-height: .98 !important; letter-spacing: .015em !important; font-weight: 800 !important; }
html[data-emk-tema="dergi"] #emk-proj-price { background: #fff !important; border: 2px solid #111 !important; border-radius: 0 !important; box-shadow: 8px 8px 0 #111 !important; backdrop-filter: none !important; }
html[data-emk-tema="dergi"] #emk-proj-price * { color: #333 !important; }
html[data-emk-tema="dergi"] #emk-proj-price #proj-price-box { color: #111 !important; font-weight: 800 !important; }
html[data-emk-tema="dergi"] #emk-proj-price a { background: #111 !important; border-radius: 0 !important; }
html[data-emk-tema="dergi"] #emk-proj-price a, html[data-emk-tema="dergi"] #emk-proj-price a * { color: #fff !important; }
html[data-emk-tema="dergi"] #emk-proj-stats .grid { gap: 0 !important; border: 2px solid #111; }
html[data-emk-tema="dergi"] #emk-proj-stats .grid > div { border: 0 !important; border-right: 1px solid #111 !important; border-radius: 0 !important; background: #fff !important; }
html[data-emk-tema="dergi"] #emk-proj-main > section { background: transparent !important; border: 0 !important; border-top: 4px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
html[data-emk-tema="dergi"] #emk-proj-side > div { border: 2px solid #111 !important; border-radius: 0 !important; box-shadow: 8px 8px 0 #111 !important; }

/* Dergi: DM Serif Display negatif harf aralığıyla sıkışır, başlıklar ve rakamlar normal aralıkta kalır */
html[data-emk-tema="dergi"] :is(h1, h2, h3, h4, .font-heading, .font-stat, .font-price, .font-headline) { letter-spacing: .015em !important; }

/* ============ ÜST MENÜ ============
   Tutamaçlar header-engine.js içinde: .emk-nav (menü çubuğu; üst düzey bağlantılar = nav > a ve nav > div > button) ve .emk-top
   (varsayılan üst blok). Firmanın kendi yazdığı özel üst HTML'ine (headerCustomHtml) ve açılır menü panellerine dokunulmaz. */

/* Başlıkta sabit mavi kalan küçük öğeler tasarımın vurgu rengini alsın (yalnızca tam sınıf adı; hover: önekli olanlar ayrı) */
html[data-emk-tema] #dynamic-header-root .bg-blue-50, html[data-emk-tema] #dynamic-header-root .bg-blue-100 { background: rgb(var(--c-secondary) / .1) !important; }
html[data-emk-tema] #dynamic-header-root .text-blue-700, html[data-emk-tema] #dynamic-header-root .text-blue-600 { color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema] #dynamic-header-root .border-blue-200 { border-color: rgb(var(--c-secondary) / .3) !important; }
html[data-emk-tema] #dynamic-header-root .hover\:text-blue-600:hover { color: rgb(var(--c-secondary)) !important; }

/* ---- Klasik Lüks: krem çubuk, harf aralıklı küçük büyük harf bağlantılar, çift altın çizgi ---- */
html[data-emk-tema="luks"] .emk-top { border-bottom: 3px double rgb(var(--c-secondary)) !important; background: rgb(var(--c-surface)) !important; }
html[data-emk-tema="luks"] .emk-nav { background: rgb(var(--c-surface-container-low)) !important; border-bottom: 1px solid rgb(var(--c-secondary) / .5) !important; box-shadow: none !important; }
html[data-emk-tema="luks"] .emk-nav nav > a, html[data-emk-tema="luks"] .emk-nav nav > div > button { text-transform: uppercase; letter-spacing: .16em; font-size: .68rem !important; font-weight: 600 !important; color: rgb(var(--c-on-surface)) !important; }
html[data-emk-tema="luks"] .emk-nav nav > a:hover, html[data-emk-tema="luks"] .emk-nav nav > div > button:hover { color: rgb(var(--c-secondary)) !important; }

/* ---- Modern Ferah: yüzen hap şeklinde menü, bağlantılar hap ---- */
html[data-emk-tema="modern"] .emk-top { border-bottom: 0 !important; box-shadow: none !important; background: #fff !important; }
html[data-emk-tema="modern"] .emk-nav { background: rgb(var(--c-surface-container-low)) !important; border: 0 !important; box-shadow: none !important; padding: .5rem 0; }
html[data-emk-tema="modern"] .emk-nav > div { background: #fff; border-radius: 9999px; box-shadow: 0 10px 30px -16px rgb(15 23 42 / .35); padding-top: .3rem !important; padding-bottom: .3rem !important; max-width: min(78rem, calc(100% - 2rem)); }
html[data-emk-tema="modern"] .emk-nav nav > a, html[data-emk-tema="modern"] .emk-nav nav > div > button { padding: .45rem .95rem !important; border-radius: 9999px; transition: background .15s, color .15s; }
html[data-emk-tema="modern"] .emk-nav nav > a:hover, html[data-emk-tema="modern"] .emk-nav nav > div > button:hover { background: rgb(var(--c-secondary) / .12); color: rgb(var(--c-secondary)) !important; }

/* ---- Kurumsal Güven: lacivert çubuk, beyaz bağlantılar, açık renk alt çizgi ---- */
html[data-emk-tema="kurumsal"] .emk-top { border-top: 4px solid rgb(var(--c-primary)); }
html[data-emk-tema="kurumsal"] .emk-nav { background: rgb(var(--c-primary)) !important; border: 0 !important; box-shadow: none !important; }
html[data-emk-tema="kurumsal"] .emk-nav nav > a, html[data-emk-tema="kurumsal"] .emk-nav nav > div > button { color: rgb(255 255 255 / .86) !important; padding: .55rem .35rem !important; border-bottom: 3px solid transparent; }
html[data-emk-tema="kurumsal"] .emk-nav nav > a:hover, html[data-emk-tema="kurumsal"] .emk-nav nav > div > button:hover { color: #fff !important; border-bottom-color: rgb(var(--c-secondary-container)); }

/* ---- Sıcak Butik: krem çubuk, yumuşak hap bağlantılar ---- */
html[data-emk-tema="butik"] .emk-top { background: rgb(var(--c-surface-container-lowest)) !important; border-bottom: 0 !important; }
html[data-emk-tema="butik"] .emk-nav { background: rgb(var(--c-surface-container)) !important; border: 0 !important; box-shadow: none !important; }
html[data-emk-tema="butik"] .emk-nav nav > a, html[data-emk-tema="butik"] .emk-nav nav > div > button { padding: .4rem 1rem !important; border-radius: 9999px; color: rgb(var(--c-primary)) !important; }
html[data-emk-tema="butik"] .emk-nav nav > a:hover, html[data-emk-tema="butik"] .emk-nav nav > div > button:hover { background: rgb(var(--c-secondary-container) / .45); }

/* ---- Dergi Stili: siyah çizgiler arasında büyük harf, geniş aralıklı bağlantılar ---- */
html[data-emk-tema="dergi"] .emk-top { border-bottom: 0 !important; box-shadow: none !important; background: #fff !important; }
html[data-emk-tema="dergi"] .emk-nav { background: #fff !important; border-top: 2px solid #111 !important; border-bottom: 2px solid #111 !important; box-shadow: none !important; }
html[data-emk-tema="dergi"] .emk-nav nav > a, html[data-emk-tema="dergi"] .emk-nav nav > div > button { text-transform: uppercase; letter-spacing: .14em; font-size: .66rem !important; font-weight: 800 !important; color: #111 !important; }
html[data-emk-tema="dergi"] .emk-nav nav > a:hover, html[data-emk-tema="dergi"] .emk-nav nav > div > button:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }

/* ============ ALT BİLGİ ============
   Sayfalara göre iki tür var: ana sayfa/ilan açık renkli (token sınıfları), proje/kurumsal sayfa koyu (text-white sınıflı).
   Koyu tasarımlarda açık altbilginin renk jetonları alt bilgi kapsamında ters çevrilir; yapıya ve firmanın özel HTML'ine dokunulmaz. */

html[data-emk-tema] footer[class*="text-white"] { background: rgb(var(--c-primary)) !important; }

/* ---- Klasik Lüks: koyu, çift altın çizgi ---- */
html[data-emk-tema="luks"] footer { border-top: 3px double rgb(var(--c-secondary)) !important; }
html[data-emk-tema="luks"] footer:not([class*="text-white"]) {
  background: rgb(var(--c-primary)) !important;
  --c-on-surface: 244 240 230; --c-on-surface-variant: 190 181 163; --c-outline-variant: 74 66 52; --c-surface-container: 42 37 29;
  --c-surface-container-low: 33 29 23; --c-surface-container-lowest: 23 20 15; --c-secondary: 217 178 95;
}

/* ---- Modern Ferah: yuvarlak köşeli, içeri alınmış kart ---- */
html[data-emk-tema="modern"] footer { margin: 0 1rem 1rem; border-radius: 2rem; overflow: hidden; border: 0 !important; width: auto; }
html[data-emk-tema="modern"] footer:not([class*="text-white"]) { background: rgb(var(--c-surface-container-low)) !important; }

/* ---- Kurumsal Güven: lacivert, üstte vurgu şeridi ---- */
html[data-emk-tema="kurumsal"] footer { border-top: 5px solid rgb(var(--c-secondary)) !important; }
html[data-emk-tema="kurumsal"] footer:not([class*="text-white"]) {
  background: rgb(var(--c-primary)) !important;
  --c-on-surface: 232 238 248; --c-on-surface-variant: 160 176 204; --c-outline-variant: 38 68 124; --c-surface-container: 18 52 110;
  --c-surface-container-low: 14 44 96; --c-surface-container-lowest: 10 37 88; --c-secondary: 127 179 238;
}

/* ---- Sıcak Butik: sıcak zemin, kavisli üst kenar ---- */
html[data-emk-tema="butik"] footer { border: 0 !important; border-radius: 4rem 4rem 0 0; overflow: hidden; }
html[data-emk-tema="butik"] footer:not([class*="text-white"]) { background: rgb(var(--c-surface-container)) !important; }

/* ---- Dergi Stili: kalın siyah üst çizgi, büyük harf başlıklar ---- */
html[data-emk-tema="dergi"] footer { border-top: 6px solid #111 !important; }
html[data-emk-tema="dergi"] footer[class*="text-white"] { background: #111 !important; border-top-color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="dergi"] footer:not([class*="text-white"]) { background: #fff !important; }

/* ============ KURUMSAL SAYFA (sayfa.html) ============
   Tutamaçlar: #emk-page-hero (kapak; ortalı içerik = ilk .max-w-4xl), #page-title, #page-summary, #page-main-article, #page-sidebar-aside > div.
   Kapaktaki metinler beyaz sınıflıdır; açık zeminli tasarımlarda !important ile ezilir. */

/* ---- Klasik Lüks ---- */
html[data-emk-tema="luks"] #emk-page-hero { background: radial-gradient(ellipse 80% 70% at 50% 0%, rgb(var(--c-primary-container)), rgb(var(--c-primary)) 55%, rgb(var(--c-hero-end))) !important; padding-top: 5rem; padding-bottom: 4.5rem; }
html[data-emk-tema="luks"] #page-title { font-weight: 500 !important; letter-spacing: 0 !important; font-size: clamp(2.2rem, 5vw, 3.8rem) !important; }
html[data-emk-tema="luks"] #page-title::after { content: ""; display: block; width: 90px; height: 1px; margin: 1.3rem auto 0; background: linear-gradient(90deg, transparent, rgb(var(--c-secondary-container)), transparent); }
html[data-emk-tema="luks"] #page-main-article, html[data-emk-tema="luks"] #page-sidebar-aside > div { border-radius: 0 !important; box-shadow: none !important; border: 1px solid rgb(var(--c-outline-variant)) !important; border-top: 2px solid rgb(var(--c-secondary)) !important; }

/* ---- Modern Ferah ---- */
html[data-emk-tema="modern"] #emk-page-hero { background: radial-gradient(900px 380px at 50% -8%, rgb(var(--c-secondary) / .16), transparent 65%), linear-gradient(180deg, #fff, rgb(var(--c-surface-container-low))) !important; color: rgb(var(--c-on-surface)) !important; border-radius: 0 0 2.5rem 2.5rem; }
html[data-emk-tema="modern"] #emk-page-hero > .absolute { display: none; }
html[data-emk-tema="modern"] #emk-page-hero #page-title { color: rgb(var(--c-on-surface)) !important; letter-spacing: 0 !important; }
html[data-emk-tema="modern"] #emk-page-hero #page-summary, html[data-emk-tema="modern"] #emk-page-hero nav, html[data-emk-tema="modern"] #emk-page-hero nav * { color: rgb(var(--c-on-surface-variant)) !important; }
html[data-emk-tema="modern"] #emk-page-hero #page-breadcrumb-title { color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="modern"] #page-main-article, html[data-emk-tema="modern"] #page-sidebar-aside > div { border: 0 !important; border-radius: 1.75rem !important; box-shadow: 0 16px 44px -22px rgb(15 23 42 / .25) !important; }

/* ---- Kurumsal Güven ---- */
html[data-emk-tema="kurumsal"] #emk-page-hero { background: linear-gradient(120deg, rgb(var(--c-primary)), rgb(var(--c-primary-container))) !important; border-bottom: 5px solid rgb(var(--c-secondary)); padding-top: 3rem; padding-bottom: 3.5rem; }
html[data-emk-tema="kurumsal"] #emk-page-hero > .max-w-4xl { align-items: flex-start; text-align: left; max-width: 80rem; }
html[data-emk-tema="kurumsal"] #page-main-article { border-radius: .3rem !important; box-shadow: none !important; border-left: 5px solid rgb(var(--c-secondary)) !important; }
html[data-emk-tema="kurumsal"] #page-sidebar-aside > div { border-radius: .3rem !important; box-shadow: none !important; border-top: 4px solid rgb(var(--c-secondary)) !important; }

/* ---- Sıcak Butik ---- */
html[data-emk-tema="butik"] #emk-page-hero { background: linear-gradient(180deg, rgb(var(--c-surface-container)), rgb(var(--c-surface))) !important; color: rgb(var(--c-on-surface)) !important; border-radius: 0 0 4rem 4rem; }
html[data-emk-tema="butik"] #emk-page-hero > .absolute { background-image: radial-gradient(circle at 12% 30%, rgb(var(--c-secondary-container) / .38) 0, transparent 22%), radial-gradient(circle at 88% 40%, rgb(var(--c-tertiary) / .16) 0, transparent 24%) !important; opacity: 1 !important; background-size: auto !important; }
html[data-emk-tema="butik"] #emk-page-hero #page-title { color: rgb(var(--c-primary)) !important; font-weight: 600 !important; letter-spacing: 0 !important; }
html[data-emk-tema="butik"] #emk-page-hero #page-summary, html[data-emk-tema="butik"] #emk-page-hero nav, html[data-emk-tema="butik"] #emk-page-hero nav * { color: rgb(var(--c-on-surface-variant)) !important; }
html[data-emk-tema="butik"] #emk-page-hero #page-breadcrumb-title { color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="butik"] #page-main-article, html[data-emk-tema="butik"] #page-sidebar-aside > div { border: 0 !important; border-radius: 2.2rem !important; box-shadow: 0 14px 36px -24px rgb(58 42 32 / .5) !important; }

/* ---- Dergi Stili ---- */
html[data-emk-tema="dergi"] #emk-page-hero { background: #fff !important; color: #111 !important; border-bottom: 6px solid #111; padding-top: 3.5rem; padding-bottom: 3rem; }
html[data-emk-tema="dergi"] #emk-page-hero > .absolute { display: none; }
html[data-emk-tema="dergi"] #emk-page-hero > .max-w-4xl { align-items: flex-start; text-align: left; max-width: 80rem; }
html[data-emk-tema="dergi"] #emk-page-hero #page-title { color: #111 !important; font-size: clamp(2.6rem, 7vw, 5.4rem) !important; line-height: 1 !important; font-weight: 800 !important; }
html[data-emk-tema="dergi"] #emk-page-hero #page-summary, html[data-emk-tema="dergi"] #emk-page-hero nav, html[data-emk-tema="dergi"] #emk-page-hero nav * { color: #444 !important; }
html[data-emk-tema="dergi"] #emk-page-hero #page-breadcrumb-title { color: rgb(var(--c-secondary)) !important; }
html[data-emk-tema="dergi"] #page-main-article { background: transparent !important; border: 0 !important; border-top: 4px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
html[data-emk-tema="dergi"] #page-sidebar-aside > div { border: 2px solid #111 !important; border-radius: 0 !important; box-shadow: 8px 8px 0 #111 !important; }

/* ============ SABİT MAVİ KALINTILAR ============
   Ana sayfa modüllerinde (hakkımızda, danışmanlar, rozetler) Tailwind'in açık mavi tonları sabit yazılıdır. Varsayılan tasarımda aynen kalır;
   tema seçiliyken yalnızca bu üç açık ton tasarımın vurgu rengine çevrilir (koyu mavi ve vurgu `accent` jetonuyla zaten temalıdır).
   "3D Tur" gibi anlam taşıyan mavi rozetler (bg-blue-600) bilerek dokunulmaz. */
html[data-emk-tema] main .bg-blue-50 { background-color: rgb(var(--c-accent) / .1) !important; }
html[data-emk-tema] main .border-blue-100 { border-color: rgb(var(--c-accent) / .22) !important; }
html[data-emk-tema] main .from-blue-100 { --tw-gradient-from: rgb(var(--c-accent) / .2) !important; }
html[data-emk-tema] main .hover\:bg-\[\#08487c\]:hover { background-color: rgb(var(--c-accent-dark)) !important; }