/* Albayrak Oto — Premium Night Theme v1.0
   Loaded after page styles so the same design system applies site-wide. */
:root {
  color-scheme: dark;
  --asphalt: #030711;
  --panel: #081321;
  --panel-2: #0d1a2c;
  --line: rgba(151, 178, 211, .16);
  --signal: #ff8a1f;
  --signal-deep: #ed6500;
  --ice: #f2f6fc;
  --mist: #a8b7cc;
  --white: #ffffff;
  --ink: #edf3fb;
  --ok: #2bd477;
  --danger: #ff5b62;
  --radius: 22px;
  --radius-sm: 16px;
  --shadow: 0 22px 56px rgba(0, 0, 0, .46);
  --night-bg: #030711;
  --night-panel: #07111f;
  --night-panel-raised: #0c192b;
  --night-border: rgba(140, 169, 204, .16);
  --night-orange: #ff8a1f;
}

html { background: #030711; scroll-padding-top: 88px; }
body {
  color: var(--ice);
  background:
    radial-gradient(1050px 560px at 50% -14%, rgba(23, 48, 81, .48), transparent 64%),
    radial-gradient(720px 420px at 100% 34%, rgba(255, 117, 20, .045), transparent 68%),
    linear-gradient(180deg, #02060d 0%, #050c18 48%, #02060d 100%);
  background-attachment: fixed;
}
.app-frame {
  background: linear-gradient(180deg, rgba(7, 15, 28, .96), rgba(3, 8, 17, .985));
  color: var(--ice);
}
.page { color: var(--ice); }
::selection { color: #1b0c00; background: #ff9b45; }

/* Header and navigation */
.topbar {
  background: rgba(3, 8, 18, .92);
  border-bottom: 1px solid rgba(255, 138, 31, .19);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .28);
}
.brand img {
  background: #f7f9fc;
  border: 1px solid rgba(255, 138, 31, .28);
  box-shadow: 0 0 18px rgba(255, 138, 31, .10);
}
.desktop-nav-link { color: #aebbd0; }
.desktop-nav-link:hover,
.desktop-nav-link:focus-visible,
.desktop-nav-link.is-active {
  color: #ffad63;
  background: rgba(255, 138, 31, .105);
}
.topbar-call .btn { box-shadow: none; }
.pill {
  color: #9bf0bf;
  background: rgba(43, 212, 119, .10);
  border: 1px solid rgba(43, 212, 119, .15);
}
.pill:before { box-shadow: 0 0 0 4px rgba(43, 212, 119, .14), 0 0 12px rgba(43, 212, 119, .45); }

/* Hero */
.hero {
  border-color: rgba(255, 138, 31, .22);
  background: #050c17;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .38), inset 0 1px rgba(255,255,255,.035);
}
.hero img { filter: brightness(.88) saturate(1.08) contrast(1.025); object-position: 48% center; }
.hero:after {
  background: linear-gradient(180deg, rgba(2, 6, 14, .10), rgba(2, 6, 14, .68) 100%),
              linear-gradient(90deg, rgba(255, 138, 31, .16), transparent 62%);
}
.hero-body {
  background: linear-gradient(135deg, rgba(8, 18, 32, .985), rgba(3, 9, 19, .97) 74%),
              linear-gradient(90deg, rgba(255, 138, 31, .14), transparent 72%);
}
.hero h1 { color: #fff; text-wrap: balance; }
.hero p { color: #d5dfed; }

/* Buttons and contact menus */
.btn { border-radius: 14px; }
.btn-signal {
  color: #1b0d02;
  background: linear-gradient(135deg, #ffad56 0%, #ff861c 48%, #ed6500 100%);
  border: 1px solid rgba(255, 190, 125, .32);
  box-shadow: 0 10px 28px rgba(255, 119, 20, .25), inset 0 1px rgba(255,255,255,.28);
}
.btn-signal:hover { filter: brightness(1.07); box-shadow: 0 12px 34px rgba(255, 119, 20, .34); }
.btn-ghost {
  color: #f3f6fb;
  background: linear-gradient(180deg, rgba(22, 34, 53, .94), rgba(11, 20, 34, .96));
  border: 1px solid rgba(151, 178, 211, .22);
}
.btn-ghost:hover { border-color: rgba(255, 138, 31, .5); background: rgba(255, 138, 31, .09); }
.btn-whatsapp {
  color: #04150b;
  background: linear-gradient(180deg, #35df7c, #159b50);
  border: 1px solid rgba(110, 255, 170, .28);
  box-shadow: 0 10px 24px rgba(20, 171, 86, .19);
}
.contact-menu-panel,
.call-fab-panel {
  background: rgba(5, 13, 25, .985);
  border: 1px solid rgba(255, 138, 31, .22);
  box-shadow: 0 22px 50px rgba(0,0,0,.56);
  backdrop-filter: blur(18px);
}
.contact-menu-item,
.call-fab-row { background: rgba(255,255,255,.045); }
.contact-menu-item:hover,
.contact-menu-item:focus-visible { background: rgba(255, 138, 31, .12); }
.contact-menu-label,
.call-fab-title { color: #aebbd0; }

/* Section rhythm, headings and service cards */
.section { margin-top: clamp(24px, 3vw, 36px); }
.section-head { align-items: center; }
.section-head h2,
.section-title { color: #fff; letter-spacing: -.035em; }
.section-head > a,
.text-link,
.blog-card-read { color: #ff9b45; font-weight: 750; }
.section-head > a:hover,
.text-link:hover,
.blog-card-read:hover { color: #ffc18b; }
.grid-2 { gap: 14px; }
.service-card {
  min-height: 0;
  padding: 12px;
  gap: 9px;
  color: var(--ice);
  background: linear-gradient(155deg, #0d1b2e 0%, #081321 62%, #050d19 100%);
  border: 1px solid rgba(130, 159, 194, .17);
  border-radius: 17px;
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 14px 34px rgba(0,0,0,.27);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.service-card:hover,
.service-card:focus-visible {
  color: #fff;
  transform: translateY(-3px);
  border-color: rgba(255, 138, 31, .52);
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 18px 38px rgba(0,0,0,.38), 0 0 0 1px rgba(255,138,31,.08);
}
.service-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2.9 / 1;
  max-height: 150px;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  background: #030914;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
  box-shadow: 0 6px 18px rgba(0,0,0,.24);
}
.service-card h3 {
  color: #fff;
  font-family: var(--font);
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.25;
}
.service-card p { color: #aebbd0; line-height: 1.42; }
.service-card:hover p { color: #c9d4e3; }

/* Other content cards */
.feed-card,
.blog-card,
.review-card,
.rating-card,
.team-card,
.link-card,
.contact-card,
.quote-box,
.answer-block,
.trust-bar,
.howto,
.article-toc,
.local-context,
.faq-sidebar,
.faq-contact,
.planned-request,
.source-list {
  color: var(--ice);
  background: linear-gradient(155deg, rgba(13, 27, 46, .96), rgba(6, 15, 28, .98));
  border-color: rgba(130, 159, 194, .17);
  box-shadow: inset 0 1px rgba(255,255,255,.03), 0 14px 34px rgba(0,0,0,.20);
}
.feed-card:hover,
.blog-card:hover,
.link-card:hover { border-color: rgba(255, 138, 31, .42); }
.feed-card h3,
.blog-card h2,
.blog-card h3,
.review-card h3,
.team-card h3,
.rating-card h3 { color: #fff; }
.feed-card p,
.blog-card p,
.review-card p,
.team-card p,
.rating-card p { color: #aebbd0; }
.blog-card-media { background: #030914; border: 1px solid rgba(255,255,255,.06); }
.blog-card-kicker { color: #ffad63; }

/* Trust, facts and answer panels */
.answer-block {
  background: linear-gradient(120deg, rgba(255, 138, 31, .105), rgba(8, 19, 33, .96) 62%);
  border: 1px solid rgba(255, 138, 31, .34);
}
.answer-label,
.eyebrow { color: #ffad63; }
.answer-text { color: #e5edf8; }
.trust-bar { background: rgba(7, 17, 31, .72); }
.trust-grid > div { border-color: rgba(130,159,194,.13); }
.trust-grid strong,
.stat b { color: #fff; }
.trust-grid span,
.stat span { color: #a8b7cc; }
.stat {
  background: linear-gradient(150deg, #0d1b2e, #07111f);
  border-color: rgba(130,159,194,.17);
}
.quote-box { border: 1px solid rgba(255,138,31,.24); border-radius: 20px; padding: 18px; }
.quote-box p { color: #c2cede; }

/* Article and editorial content */
.breadcrumbs { color: #aab8cc; }
.breadcrumbs a { color: #ffad63; }
.page-title,
.article-title { color: #fff; }
.article-meta { color: #9eacc1; }
.article-hero { border-color: rgba(255,138,31,.22); box-shadow: 0 18px 46px rgba(0,0,0,.3); }
.article-hero img { display: block; width: 100%; object-fit: cover; }
.prose { color: #dce5f1; }
.prose :is(h1,h2,h3,h4) { color: #fff; }
.prose h2 { padding-bottom: .35em; border-bottom: 1px solid rgba(255,138,31,.22); }
.prose a { color: #ffad63; }
.prose a:hover { color: #ffd0a6; }
.prose strong { color: #fff; }
.prose blockquote { color: #e4ebf5; background: rgba(255,138,31,.075); border-left: 3px solid var(--signal); border-radius: 0 12px 12px 0; padding: 12px 16px; }
.prose :is(table, th, td) { border-color: rgba(130,159,194,.20); }
.prose th { color: #fff; background: #102039; }
.prose td { color: #dce5f1; }
.prose code { color: #ffd09e; background: rgba(255,255,255,.07); border-radius: 5px; padding: .12em .35em; }
.article-toc { border: 1px solid rgba(130,159,194,.18); border-radius: 16px; padding: 14px 16px; }
.article-toc a { color: #ffad63; }
.related { border-color: rgba(130,159,194,.17); }

/* FAQ, maps and local information */
.faq-item,
.faq-group {
  color: #edf3fb;
  background: linear-gradient(150deg, #0c192b, #07111f);
  border: 1px solid rgba(130,159,194,.17);
  border-radius: 15px;
}
.faq-item[open],
.faq-item:focus-within { border-color: rgba(255,138,31,.40); }
.faq-item summary { color: #fff; }
.faq-item p,
.faq-answer-first { color: #b8c5d7; }
.faq-jump,
.faq-more { color: #ffad63; }
.map-embed { background: #06101d; border-color: rgba(130,159,194,.20); }
.map-embed-title { color: #fff; }
.map-embed figcaption { color: #b8c5d7; background: #0a1728; border-color: rgba(130,159,194,.16); }
.map-embed figcaption a { color: #ffad63; }
.local-context { border-radius: 16px; padding: 14px 16px; }
.chip {
  color: #dce6f4;
  background: rgba(255,255,255,.045);
  border-color: rgba(130,159,194,.22);
}
.chip:hover,
.chip.is-active { color: #ffd0a6; background: rgba(255,138,31,.13); border-color: rgba(255,138,31,.45); }

/* Forms and contact surfaces */
.contact-card { background: linear-gradient(145deg, #10203a, #07111f 72%); border-color: rgba(255,138,31,.22); }
.contact-card h2,
.contact-card h3 { color: #fff; }
.contact-card p,
.contact-list { color: #bdcadd; }
input, select, textarea {
  color: #f3f6fb;
  background: #050e1b;
  border: 1px solid rgba(137,166,201,.26);
  border-radius: 11px;
}
input::placeholder, textarea::placeholder { color: #7789a2; }
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: rgba(255,138,31,.72);
  box-shadow: 0 0 0 3px rgba(255,138,31,.12);
}
label { color: #d8e1ed; }
.quote-note,
.planned-availability-note,
.planned-intro { color: #aebbd0; }
.planned-badge { color: #ffd0a6; background: rgba(255,138,31,.12); border-color: rgba(255,138,31,.28); }

/* Footer, mobile navigation and floating actions */
.site-footer {
  color: #aab8cc;
  background: linear-gradient(180deg, rgba(4,10,20,.96), #02060d);
  border-top: 1px solid rgba(255,138,31,.18);
}
.site-footer h2 { color: #fff; }
.footer-brand strong { color: #fff; }
.footer-nap li { border-color: rgba(130,159,194,.13); }
.footer-links a,
.footer-about-link a,
.footer-phones a { color: #c1ccda; }
.footer-links a:hover,
.footer-about-link a:hover,
.footer-phones a:hover { color: #ffad63; }
.footer-copy { color: #77879d; }
.bottom-nav {
  background: rgba(3, 8, 18, .96);
  border-top: 1px solid rgba(255,138,31,.20);
  box-shadow: 0 -12px 34px rgba(0,0,0,.32);
}
.nav-item { color: #98a8bd; }
.nav-item.is-active { color: #ffad63; background: rgba(255,138,31,.12); }
.call-fab { background: linear-gradient(135deg, #ffad56, #ff7a13 60%, #e85d00); color: #1a0b00; }
.call-fab-panel { background: rgba(5,13,25,.985); border-color: rgba(255,138,31,.28); }
.call-fab-row { color: #f3f6fb; }

/* Cookie consent */
.cookie-consent {
  color: #f3f6fb;
  background: rgba(5,13,25,.985);
  border: 1px solid rgba(255,138,31,.26);
  box-shadow: 0 22px 60px rgba(0,0,0,.58);
  backdrop-filter: blur(18px);
}
.cookie-consent h2 { color: #fff; }
.cookie-consent p { color: #c3cede; }
.cookie-consent a { color: #ffad63; }
.cookie-consent button,
.cookie-preferences-button { border-color: rgba(148,171,200,.35); color: #f3f6fb; background: #0c1a2d; }
.cookie-consent button[data-cookie-choice="accept"] { color: #1a0c00; background: linear-gradient(135deg,#ffad56,#ed6500); border-color: #ff8a1f; }
.cookie-consent button[data-cookie-choice="reject"] { color: #e7edf6; background: transparent; }

/* 404 page uses a separate lightweight stylesheet */
body:has(.panel) { color: #edf3fb; }
body:has(.panel) header { background: rgba(3,8,18,.92); border-color: rgba(255,138,31,.18); }
body:has(.panel) .panel { color: #edf3fb; background: linear-gradient(150deg,#0d1b2e,#050d19); border-color: rgba(130,159,194,.18); box-shadow: var(--shadow); }
body:has(.panel) .lead,
body:has(.panel) footer { color: #aab8cc; }
body:has(.panel) .link-card { color: #edf3fb; background: #0b192b; border-color: rgba(130,159,194,.18); }
body:has(.panel) .link-card span { color: #aab8cc; }
body:has(.panel) .btn-secondary { color: #edf3fb; background: #0b192b; border-color: rgba(130,159,194,.22); }

/* Responsive: cards remain readable and imagery stays visible on phones. */
@media (min-width: 900px) {
  .grid-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .service-card { padding: 13px; min-height: 0; }
  .service-card img { max-height: 148px; }
  .hero img { object-position: 44% center; }
}
@media (min-width: 600px) and (max-width: 899px) {
  .grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .service-card img { max-height: 136px; }
}
@media (max-width: 599px) {
  .page { padding-left: 13px; padding-right: 13px; }
  .section { margin-top: 25px; }
  .grid-2:has(> .service-card) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .service-card { padding: 11px; gap: 8px; }
  .service-card img { aspect-ratio: 2.65 / 1; max-height: 142px; }
  .service-card h3 { font-size: .98rem; }
  .service-card p { font-size: .84rem; line-height: 1.42; }
  .feed-card { grid-template-columns: 86px minmax(0,1fr); gap: 10px; }
  .feed-card img { width: 86px; height: 86px; }
  .hero { border-radius: 19px; }
  .hero img { object-position: 48% center; }
  .hero-body { padding: 20px 15px 16px; }
  .section-head { align-items: center; }
  .site-footer { padding-left: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}