/* Mantık Bilişim — WStyle signature layer.
   Warm paper, obsidian chrome, copper actions. Loaded last so it wins. */

@import url("libs/fonts/outfit.css");

:root {
  --wstyle-primary: #c45c26;
  --wstyle-primary-rgb: 196, 92, 38;
  --wstyle-secondary: #1f6b5a;
  --wstyle-secondary-rgb: 31, 107, 90;
  --wstyle-success: #2f7d4a;
  --wstyle-success-rgb: 47, 125, 74;
  --wstyle-font-family: "Outfit", "Manrope", system-ui, sans-serif;
  --wstyle-font-size-base: 1rem;
  --wstyle-body-color: #4a433b;
  --wstyle-heading-color: #1b1612;
  --wstyle-muted-color: #746b60;
  --wstyle-body-bg: #f3eee6;
  --wstyle-surface-bg: #fffdf8;
  --wstyle-border-color: #e5d9c8;
  --wstyle-chrome-bg: #14110f;
  --wstyle-chrome-bg-deep: #0c0a09;
  --wstyle-chrome-color: #f7f1e7;
  --wstyle-chrome-muted: #c4b6a4;
  --wstyle-chrome-border: rgba(247, 241, 231, .14);
  --wstyle-radius: 1.05rem;
  --mb-copper: #c45c26;
  --mb-copper-2: #e8a15a;
  --mb-ink: #14110f;
  --mb-paper: #f3eee6;
}

[data-bs-theme="dark"] {
  --wstyle-body-color: #ddd4c8;
  --wstyle-heading-color: #f7f1e7;
  --wstyle-muted-color: #b3a494;
  --wstyle-body-bg: #100e0c;
  --wstyle-surface-bg: #1b1714;
  --wstyle-border-color: #322b24;
  --wstyle-chrome-bg: #0c0a09;
  --wstyle-chrome-bg-deep: #070605;
  --wstyle-chrome-color: #f7f1e7;
  --wstyle-chrome-muted: #b3a494;
}

html {
  font-family: var(--wstyle-font-family);
}

body {
  font-family: var(--wstyle-font-family);
  background-color: var(--wstyle-body-bg);
  background-image:
    radial-gradient(70rem 32rem at 110% -10%, rgba(196, 92, 38, .09), transparent 55%),
    radial-gradient(46rem 26rem at -15% 8%, rgba(31, 107, 90, .07), transparent 50%);
  background-attachment: fixed;
}

h1, h2, h3, h4, .hero-title, .site-brand-text, .footer-heading, .section-title, .band-title {
  font-family: "Outfit", "Manrope", system-ui, sans-serif;
  letter-spacing: -.03em;
}

.eyebrow,
.hero-eyebrow {
  letter-spacing: .18em;
  font-weight: 600;
  color: var(--mb-copper-2);
}

/* Utility strip */
.topbar {
  background: var(--mb-ink) !important;
  color: var(--wstyle-chrome-muted) !important;
  border: 0 !important;
  font-size: .78rem;
}
.topbar a {
  color: var(--wstyle-chrome-color);
}

/* Header: obsidian bar, desktop becomes a floating capsule */
.site-header.chrome-dark {
  background-color: color-mix(in srgb, var(--wstyle-chrome-bg) 94%, transparent);
  border-block-end: 1px solid var(--wstyle-chrome-border);
  box-shadow: none;
}

@media (min-width: 992px) {
  .site-header.chrome-dark {
    background: transparent !important;
    border: 0 !important;
    padding-block: .7rem .15rem;
  }
  .chrome-overlay .site-header.chrome-dark,
  .chrome-overlay .site-header.chrome-dark.is-scrolled {
    background: transparent !important;
    border: 0 !important;
  }
  .site-header.chrome-dark > nav.container {
    background: color-mix(in srgb, var(--wstyle-chrome-bg) 90%, transparent);
    border: 1px solid var(--wstyle-chrome-border);
    border-radius: 999px;
    box-shadow: 0 18px 50px rgba(12, 10, 8, .28);
    backdrop-filter: blur(18px);
    padding-block: .45rem !important;
    padding-inline: 1.15rem !important;
    max-width: 1160px;
  }
  .site-header .site-nav .nav-link {
    border-radius: 999px;
    padding-inline: .8rem;
  }
  .site-header .site-nav .nav-link:hover,
  .site-header .site-nav .nav-item.dropdown:hover > .nav-link {
    background: rgba(247, 241, 231, .08);
  }
}

.site-logo {
  max-height: 34px;
}

.nav-dropdown,
.dropdown-menu.nav-dropdown {
  border: 1px solid var(--wstyle-border-color);
  border-radius: 1.1rem;
  box-shadow: 0 22px 50px rgba(20, 16, 12, .14);
  padding: .45rem;
}

/* Hero */
.hero-title {
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: .98;
}
.hero-lead {
  font-weight: 400;
  max-inline-size: 34rem;
}
.hero-slide-a:before,
.hero-slide-b:before,
.hero-slide-c:before {
  background-image:
    radial-gradient(42rem 24rem at 88% -10%, rgba(232, 161, 90, .35), transparent 60%),
    radial-gradient(36rem 22rem at 0% 120%, rgba(196, 92, 38, .28), transparent 62%),
    linear-gradient(rgba(247, 241, 231, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247, 241, 231, .05) 1px, transparent 1px);
  background-size: auto, auto, 4.5rem 4.5rem, 4.5rem 4.5rem;
}
.hero-scrim {
  background:
    linear-gradient(100deg, rgba(12, 10, 9, .88) 0%, rgba(12, 10, 9, .55) 46%, rgba(12, 10, 9, .15) 100%),
    linear-gradient(to top, rgba(12, 10, 9, .72), transparent 32%) !important;
}
.hero-copy .btn,
.hero-copy .btn-soft {
  border-radius: 999px;
  padding-inline: 1.35rem;
  background: linear-gradient(180deg, #e07a3d, var(--mb-copper)) !important;
  color: #fffaf4 !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(196, 92, 38, .35);
}

/* Actions */
.btn-primary {
  --bs-btn-bg: var(--mb-copper);
  --bs-btn-border-color: var(--mb-copper);
  --bs-btn-hover-bg: #a84b1c;
  --bs-btn-hover-border-color: #a84b1c;
  --bs-btn-active-bg: #8d3e16;
  --bs-btn-color: #fffaf4;
  --bs-btn-hover-color: #fffaf4;
  border-radius: 999px;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(196, 92, 38, .22);
}
.btn-soft {
  border-radius: 999px;
}
.scroll-top.btn-primary {
  border-radius: 999px;
}

/* Surfaces */
.card,
.why-card,
.tld-tile,
.quote-stage,
.post-row,
.plan-card,
.modal-content,
.list-group-item {
  background-color: var(--wstyle-surface-bg);
  border-color: var(--wstyle-border-color);
}
.why-card,
.tld-tile,
.quote-stage,
.post-row,
.card {
  border-radius: 1.2rem;
  box-shadow: 0 10px 30px rgba(40, 28, 16, .04);
}
.why-card:hover,
.tld-tile:hover,
.post-row:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--mb-copper) 45%, var(--wstyle-border-color));
}
.section-head .section-title,
.home-section h2 {
  font-weight: 560;
}

.plans-rack {
  background-color: var(--mb-ink);
  background-image:
    radial-gradient(40rem 20rem at 0% 0%, rgba(196, 92, 38, .22), transparent 60%),
    radial-gradient(32rem 18rem at 100% 100%, rgba(31, 107, 90, .2), transparent 65%);
}
.domain-band {
  background-image:
    radial-gradient(36rem 16rem at 8% -20%, rgba(196, 92, 38, .1), transparent 70%),
    radial-gradient(28rem 14rem at 100% 120%, rgba(31, 107, 90, .1), transparent 70%);
}

/* Forms stay calm and readable */
.form-control,
.form-select {
  border-radius: .85rem;
  border-color: var(--wstyle-border-color);
  background-color: var(--wstyle-surface-bg);
  padding-block: .7rem;
}
.form-control:focus,
.form-select:focus {
  border-color: color-mix(in srgb, var(--mb-copper) 70%, white);
  box-shadow: 0 0 0 .2rem rgba(196, 92, 38, .16);
}

/* Footer */
.site-footer {
  background:
    radial-gradient(40rem 16rem at 90% 0%, rgba(196, 92, 38, .18), transparent 55%),
    var(--wstyle-chrome-bg) !important;
  border-top: 1px solid rgba(232, 161, 90, .35);
}
.site-footer .footer-heading {
  color: var(--wstyle-chrome-color);
  font-size: .78rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 600;
}
.footer-link:hover {
  color: var(--mb-copper-2) !important;
}
.footer-powered-band {
  background: #0c0a09;
}

/* Client area follows the same ink and copper */
[data-client-nav] {
  --wstyle-body-bg: #f3eee6;
}
[data-bs-theme="dark"] [data-client-nav] {
  --wstyle-body-bg: #100e0c;
}

@media (max-width: 991.98px) {
  .hero-title {
    font-size: clamp(2.1rem, 9vw, 3rem);
  }
  .site-header.chrome-dark > nav.container {
    padding-inline: .85rem !important;
  }
}