/**
 * ============================================================================
 * NARDA MEDYA v3.0 — SOFT-ICE STOREFRONT DESIGN SYSTEM
 * Palette: Black (#080808) + Deep Navy (#0B2285) + Brand Blue (#0963C0) + Sky Accent (#2689E3)
 * Architecture: Light Storefront (#F8FAFC / #FFFFFF / #F6FBFE) + Dark Chrome (#080808 / #0B2285)
 * Typography: Poppins / Plus Jakarta Sans
 * Geometry: Controlled 6-8px CTA radius, 8-12px card radius, 1px subtle borders, navy-tinted shadows
 * ============================================================================
 */

:root {
  /* 3.1 Soft-Ice Storefront Color Tokens (Black + #0B2285 / #0963C0 / #2689E3) */
  --brand: #0963C0;
  --brand-dark: #0B2285;
  --brand-light: #2689E3;
  --brand-soft: #EEF6FF;
  --navy: #080808;
  --navy-2: #0B2285;
  --mist: #F8FAFC;
  --ice: #F6FBFE;
  --ice-border: #D4E4EF;
  --border: #E4E9F0;
  --muted: #67748A;
  --muted-light: #8A94A3;
  --success: #21A34A;
  --danger: #DC4C4C;

  /* 3.3 Spacing Tokens (8px Grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* 3.4 Shadows (Navy-tinted, low density) */
  --shadow-card: 0 10px 24px rgba(11, 34, 133, 0.04);
  --shadow-panel: 0 22px 48px rgba(11, 34, 133, 0.12);
  --shadow-float: 0 16px 32px rgba(11, 34, 133, 0.08);

  /* Design System Aliases */
  --nm-ds-primary: var(--brand);
  --nm-ds-primary-dark: var(--brand-dark);
  --nm-ds-accent: var(--brand-light);
  --nm-ds-ink: var(--navy);
  --nm-ds-ink-soft: #1E293B;
  --nm-ds-muted: var(--muted);
  --nm-ds-line: var(--border);
  --nm-ds-surface: #FFFFFF;
  --nm-ds-bg-soft: var(--mist);
  --nm-ds-radius-lg: 12px;
  --nm-ds-radius-md: 10px;
  --nm-ds-radius-sm: 7px;
  --nm-ds-shadow-sm: var(--shadow-card);
  --nm-ds-shadow-md: var(--shadow-float);
  --nm-ds-shadow-lg: var(--shadow-panel);

  /* Theme & Plugin Token Overrides */
  --wd-text-font: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wd-title-font: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wd-entities-title-font: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wd-alternative-font: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wd-widget-title-font: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wd-header-el-font: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wd-primary-color: #0963C0 !important;
  --wd-alternative-color: #2689E3 !important;
  --wd-link-color: #0963C0 !important;
  --wd-link-color-hover: #0B2285 !important;
  --btn-accented-bgcolor: #0963C0 !important;
  --btn-accented-bgcolor-hover: #0B2285 !important;
  --btn-accented-brd-radius: 7px !important;
  --btn-default-brd-radius: 7px !important;
  --wd-brd-radius: 8px !important;
  --wd-form-brd-radius: 7px !important;
}

/* ============================================================================
 * 1. GLOBAL VIEWPORT, SURFACE, TYPOGRAPHY & OVERFLOW PROTECTION
 * ============================================================================ */
html,
body {
  max-width: 100%;
  overflow-x: clip !important;
  scrollbar-gutter: auto !important;
  background-color: var(--mist) !important;
  color: var(--navy);
  font-family: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

[class*="wd-section-stretch"] {
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

.wd-page-wrapper,
.main-page-wrapper,
:is(.page, .search-no-results, .error404, .woodmart-archive-shop, .single-product, .woodmart-archive-blog, .single-post) :is(.wd-page-content, .whb-header) {
  max-width: 100%;
  overflow-x: clip;
  background-color: var(--mist) !important;
  background-image: none !important;
}

h1, h2, h3, h4, h5, h6,
.title,
.elementor-heading-title,
.wd-entities-title,
.product_title {
  font-family: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: -0.02em;
}

p,
.info-box-inner,
.elementor-widget-text-editor {
  font-family: "Poppins", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--muted);
  line-height: 1.62;
}

.price,
.woocommerce-Price-amount,
.item-price,
.discounted-price,
.ulm-amount,
.pc-price {
  font-variant-numeric: tabular-nums;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

/* Ensure Elementor elements marked invisible for JS waypoints are always visible */
.elementor-invisible,
.animated {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}

/* Remove unintended peach/brown inset box-shadow from Elementor Kit 3316 buttons */
.elementor-kit-3316 button,
.elementor-kit-3316 input[type="button"],
.elementor-kit-3316 input[type="submit"],
.elementor-kit-3316 .elementor-button {
  box-shadow: none !important;
}

/* Prevent WoodMart full-stretch sections from triggering horizontal scrollbars */
@media (max-width: 1024px) {
  .wd-section-stretch,
  .wd-section-stretch-content,
  .wd-section-stretch-content-no-pd {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .main-page-wrapper > .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ============================================================================
 * 2. TOP DARK CHROME BAR & STICKY WHITE STOREFRONT HEADER (Section 4.1 & 4.2)
 * ============================================================================ */

/* 4.1 Top Information Bar (Dark Chrome: #080808 -> #0B2285) */
.wd-hb-wrapp,
.header-banner.wd-hb,
body .announcement {
  background: linear-gradient(90deg, #080808 0%, #0B2285 50%, #080808 100%) !important;
  color: #F8FAFC !important;
  min-height: 44px !important;
  border-bottom: 1px solid rgba(38, 137, 227, 0.24) !important;
}

.header-banner .slogan,
.header-banner .slogan a,
.announcement .announcement-text span {
  font-family: "Poppins", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  letter-spacing: 0.01em !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.header-banner .slogan a:hover {
  color: var(--brand-light) !important;
}

.announcement .announcement-text a.btn {
  background: var(--brand) !important;
  border: 1px solid var(--brand-light) !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
}

.announcement .announcement-text a.btn:hover {
  background: var(--brand-dark) !important;
}

/* 4.2 Sticky White Header */
.whb-main-header .whb-general-header,
body .nav-bar {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 4px 16px rgba(11, 34, 133, 0.03) !important;
  transition: box-shadow 0.22s ease, background-color 0.22s ease;
}

.whb-sticked .whb-general-header {
  box-shadow: var(--shadow-card) !important;
}

@media (min-width: 1025px) {
  .whb-general-header .whb-general-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    min-height: 76px !important;
  }

  .whb-general-header .whb-col-left {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .whb-general-header .whb-col-center {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .whb-general-header .whb-col-right.whb-empty-column {
    display: none !important;
  }

  .whb-main-header .wd-nav.wd-nav-main {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }
}

.whb-main-header .wd-nav.wd-nav-main > li > a {
  font-family: "Poppins", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  height: auto !important;
  line-height: 1.3 !important;
  transition: color 0.18s ease, background-color 0.18s ease !important;
}

.whb-main-header .wd-nav.wd-nav-main > li:hover > a,
.whb-main-header .wd-nav.wd-nav-main > li.current-menu-item > a {
  color: var(--brand) !important;
  background: var(--brand-soft) !important;
}

/* Primary Header CTA Button ("İletişim" item on right of navbar) */
@media (min-width: 1025px) {
  .whb-main-header .wd-nav.wd-nav-main > li#menu-item-455 > a,
  .whb-main-header .wd-nav.wd-nav-main > li:last-child > a {
    background: var(--brand) !important;
    color: #FFFFFF !important;
    border-radius: 7px !important;
    padding: 9px 18px !important;
    margin-left: 6px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(9, 99, 192, 0.2) !important;
    transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
  }

  .whb-main-header .wd-nav.wd-nav-main > li#menu-item-455:hover > a,
  .whb-main-header .wd-nav.wd-nav-main > li:last-child:hover > a {
    background: var(--brand-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(11, 34, 133, 0.28) !important;
  }
}

@media (max-width: 1024px) {
  .whb-general-header-inner {
    min-height: 64px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .site-logo img {
    max-height: 36px !important;
    width: auto !important;
  }

  .whb-mobile-left,
  .whb-mobile-right {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  /* Mobile off-canvas menu drawer */
  .mobile-nav.wd-side-hidden {
    background: #FFFFFF !important;
    box-shadow: var(--shadow-panel) !important;
  }

  .mobile-nav .wd-nav-mobile > li > a {
    font-family: "Poppins", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: var(--navy) !important;
    padding: 13px 18px !important;
  }
}

/* ============================================================================
 * 3. HOMEPAGE HERO, SERVICE CARDS & SOFT-ICE STOREFRONT SECTIONS
 * ============================================================================ */

/* Homepage Hero (.uwh-card): Dark Chrome + #0B2285 / #0963C0 / #2689E3 */
.uwh-card {
  border-radius: 12px !important;
  background:
    radial-gradient(ellipse 68% 55% at 50% 0%, rgba(9, 99, 192, 0.34), transparent 65%),
    radial-gradient(ellipse 50% 45% at 85% 90%, rgba(38, 137, 227, 0.2), transparent 60%),
    linear-gradient(135deg, #080808 0%, #0B2285 58%, #080808 100%) !important;
  border: 1px solid rgba(38, 137, 227, 0.28) !important;
  box-shadow: var(--shadow-panel) !important;
}

.uwh-content {
  font-family: "Poppins", sans-serif !important;
}

.uwh-content h1 {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(36px, 4.6vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
  color: #FFFFFF !important;
}

.uwh-content p {
  font-family: "Poppins", sans-serif !important;
  color: rgba(246, 251, 254, 0.88) !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
  line-height: 1.6 !important;
}

.uwh-grid a {
  height: 48px !important;
  border-radius: 7px !important;
  background: rgba(8, 8, 8, 0.52) !important;
  border: 1px solid rgba(38, 137, 227, 0.4) !important;
  color: #FFFFFF !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.uwh-grid a:first-child,
.uwh-grid a:hover {
  background: var(--brand) !important;
  border-color: var(--brand-light) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(9, 99, 192, 0.32) !important;
}

.uwh-ticker {
  border-radius: 8px !important;
  background: rgba(8, 8, 8, 0.65) !important;
  border: 1px solid rgba(38, 137, 227, 0.28) !important;
}

.uwh-ticker span::before {
  background: var(--brand-light) !important;
  box-shadow: 0 0 10px rgba(38, 137, 227, 0.85) !important;
}

/* Homepage Service Grid (.nm-services) — Soft-Ice Storefront */
.nm-services {
  --nm-ice-0: #F6FBFE !important;
  --nm-ice-1: #EEF6FF !important;
  --nm-ice-2: #D4E4EF !important;
  --nm-ink: #080808 !important;
  --nm-muted: #67748A !important;
  --nm-line: #D4E4EF !important;
  --nm-card: #FFFFFF !important;
  --nm-brand: #0963C0 !important;
  --nm-brand-soft: #EEF6FF !important;
  --nm-frost: #0963C0 !important;
  font-family: "Poppins", sans-serif !important;
}

.nm-services__kicker {
  border-radius: 6px !important;
  background: var(--brand-soft) !important;
  border: 1px solid var(--ice-border) !important;
  color: var(--brand) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

.nm-services__title {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(26px, 2.8vw, 32px) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
}

.nm-services__subtitle {
  color: var(--muted) !important;
  font-size: 15px !important;
}

.nm-services__card {
  border-radius: 10px !important;
  border: 1px solid var(--ice-border) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6FBFE 100%) !important;
  box-shadow: var(--shadow-card) !important;
}

.nm-services__card::before {
  background: linear-gradient(90deg, #0B2285 0%, #0963C0 50%, #2689E3 100%) !important;
  height: 3px !important;
}

.nm-services__card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--brand-light) !important;
  box-shadow: var(--shadow-float) !important;
}

.nm-services__cardTitle {
  color: var(--navy) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.nm-services__chip {
  border-radius: 5px !important;
  background: var(--brand-soft) !important;
  border: 1px solid var(--ice-border) !important;
  color: var(--brand) !important;
  font-weight: 700 !important;
}

.nm-services__cardText {
  color: var(--muted) !important;
  font-size: 13.5px !important;
}

.nm-services__btn {
  border-radius: 7px !important;
  background: var(--brand) !important;
  border: 1px solid var(--brand) !important;
  color: #FFFFFF !important;
  height: 36px !important;
  padding: 0 14px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

.nm-services__card:hover .nm-services__btn {
  background: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: #FFFFFF !important;
}

/* ============================================================================
 * 4. UNIFIED SOFT-ICE CARDS FOR ALL .wd-info-box & SERVICE PAGES
 *    Replaces multi-colored neon/purple/orange/pink/yellow Elementor blocks
 *    (e.g. on /grafik-tasarim/, /seo-cozumleri/, /paketler-fiyatlar/, /hakkimizda/,
 *    and WordPress service pages) with crisp Soft-Ice Storefront cards.
 * ============================================================================ */
.elementor-widget-wd_infobox > .elementor-widget-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.wd-info-box {
  background: linear-gradient(180deg, #FFFFFF 0%, #F6FBFE 100%) !important;
  border: 1px solid var(--ice-border) !important;
  border-radius: 10px !important;
  padding: 22px 20px !important;
  box-shadow: var(--shadow-card) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.wd-info-box:hover {
  transform: translateY(-3px) !important;
  border-color: var(--brand-light) !important;
  box-shadow: var(--shadow-float) !important;
}

.wd-info-box .info-box-title {
  color: var(--navy) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
}

.wd-info-box .info-box-inner,
.wd-info-box .info-box-inner p {
  color: var(--muted) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Portfolio Carousel Info-Boxes on Homepage & About Us */
.info-box-carousel .wd-info-box {
  padding: 12px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--border) !important;
}

.info-box-carousel .wd-info-box .info-box-icon img {
  border-radius: 7px !important;
  border: 1px solid var(--border);
}

/* ============================================================================
 * 5. GLOBAL BUTTONS & INPUTS CONTRACT (Section 5 — 7px Controlled Radius)
 * ============================================================================ */
.btn,
a.btn,
button.btn,
.elementor-button,
a.elementor-button-link,
.single_add_to_cart_button,
.wd-buy-now-btn,
.product-demo-button,
.pricing-table .btn,
.pricing-table .primary-btn,
.pricing-table .outline-btn,
.pricing-section .pc-btn,
#ozel-hizmet-paketleri-wrapper .cta-button,
#narda-sektorel-cozumler .btn,
body.page-id-3850 #paketler .card .btn,
body.page-id-4218 .card .cta,
.ulm-wrap .ulm-btn,
.oc-btn,
.call-button,
.details-button {
  border-radius: 7px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

/* Primary Brand Blue Buttons (#0963C0 -> #0B2285) */
.btn.btn-color-primary,
.btn.btn-style-default:not([href*="wa.me"]):not([href*="whatsapp"]),
.btn.btn-style-3d:not([href*="wa.me"]):not([href*="whatsapp"]),
a.elementor-button-link:not([href*="wa.me"]):not([href*="whatsapp"]),
.product-demo-button,
.pricing-table .btn,
.pricing-table .primary-btn,
.pricing-table .outline-btn,
.pricing-section .pc-btn,
#ozel-hizmet-paketleri-wrapper .cta-button,
#narda-sektorel-cozumler .btn-primary,
body.page-id-3850 #paketler .card .btn,
body.page-id-4218 .card .cta,
.ulm-wrap .ulm-btn-brand,
.call-button {
  background: var(--brand) !important;
  background-color: var(--brand) !important;
  background-image: none !important;
  border: 1px solid var(--brand) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 16px rgba(9, 99, 192, 0.2) !important;
  animation: none !important;
}

.btn.btn-color-primary:hover,
.btn.btn-style-default:not([href*="wa.me"]):not([href*="whatsapp"]):hover,
.btn.btn-style-3d:not([href*="wa.me"]):not([href*="whatsapp"]):hover,
a.elementor-button-link:not([href*="wa.me"]):not([href*="whatsapp"]):hover,
.product-demo-button:hover,
.pricing-table .btn:hover,
.pricing-table .primary-btn:hover,
.pricing-table .outline-btn:hover,
.pricing-section .pc-btn:hover,
#ozel-hizmet-paketleri-wrapper .cta-button:hover,
#narda-sektorel-cozumler .btn-primary:hover,
body.page-id-3850 #paketler .card .btn:hover,
body.page-id-4218 .card .cta:hover,
.ulm-wrap .ulm-btn-brand:hover,
.call-button:hover {
  background: var(--brand-dark) !important;
  background-color: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(11, 34, 133, 0.28) !important;
}

/* WhatsApp Action Buttons (#21A34A) */
a.btn[href*="wa.me"],
a.btn[href*="whatsapp"],
a.elementor-button-link[href*="wa.me"],
a.elementor-button-link[href*="whatsapp"],
.ulm-wrap .ulm-btn-wa,
.nm-footer__btn--wa,
.oc-btn-wa {
  background: var(--success) !important;
  background-color: var(--success) !important;
  background-image: none !important;
  border: 1px solid var(--success) !important;
  color: #FFFFFF !important;
  border-radius: 7px !important;
  box-shadow: 0 6px 16px rgba(33, 163, 74, 0.22) !important;
}

a.btn[href*="wa.me"]:hover,
a.btn[href*="whatsapp"]:hover,
a.elementor-button-link[href*="wa.me"]:hover,
a.elementor-button-link[href*="whatsapp"]:hover,
.ulm-wrap .ulm-btn-wa:hover,
.nm-footer__btn--wa:hover,
.oc-btn-wa:hover {
  background: #15803D !important;
  background-color: #15803D !important;
  border-color: #15803D !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
}

/* Inputs & Form Controls (Section 5) */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
select,
textarea,
.form-control,
.wpforms-field input,
.wpforms-field select,
.wpforms-field textarea {
  min-height: 42px;
  background-color: #FFFFFF !important;
  border: 1px solid var(--border) !important;
  border-radius: 7px !important;
  color: var(--navy) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 14px !important;
  padding: 8px 14px !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 2px rgba(9, 99, 192, 0.2) !important;
  outline: none !important;
}

/* ============================================================================
 * 6. PLAIN / REGIONAL / SERVICE CONTENT PAGES — SOFT-ICE EDITORIAL PANELS
 * ============================================================================ */
body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content,
body.page-id-2836 .entry-content,
body.page-id-4356 .entry-content,
body.page-id-4357 .entry-content,
body.page-id-1815 .elementor-widget-text-editor > .elementor-widget-container,
body.page-id-1817 .elementor-widget-text-editor > .elementor-widget-container,
body.page-id-1818 .elementor-widget-text-editor > .elementor-widget-container,
body.page-id-1829 .elementor-widget-text-editor > .elementor-widget-container,
body.page-id-1833 .elementor-widget-text-editor > .elementor-widget-container {
  max-width: 1120px;
  margin: clamp(24px, 4vw, 44px) auto clamp(40px, 5vw, 64px);
  padding: clamp(28px, 4.5vw, 48px) clamp(20px, 5vw, 52px) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6FBFE 100%);
  border: 1px solid var(--ice-border);
  border-radius: 12px;
  box-shadow: var(--shadow-card);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: 1.72;
  color: var(--muted);
  position: relative;
  overflow: hidden;
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content::before,
body.page-id-1815 .elementor-widget-text-editor > .elementor-widget-container::before,
body.page-id-1817 .elementor-widget-text-editor > .elementor-widget-container::before,
body.page-id-1818 .elementor-widget-text-editor > .elementor-widget-container::before,
body.page-id-1829 .elementor-widget-text-editor > .elementor-widget-container::before,
body.page-id-1833 .elementor-widget-text-editor > .elementor-widget-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #0B2285 0%, #0963C0 50%, #2689E3 100%);
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content h1,
body.page-id-1815 .elementor-widget-text-editor h1,
body.page-id-1817 .elementor-widget-text-editor h1,
body.page-id-1818 .elementor-widget-text-editor h1,
body.page-id-1829 .elementor-widget-text-editor h1,
body.page-id-1833 .elementor-widget-text-editor h1 {
  font-size: clamp(1.75rem, 3.3vw, 2.45rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em;
  color: var(--navy) !important;
  margin: 0 0 0.65em !important;
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content h2,
body.page-id-1815 .elementor-widget-text-editor h2,
body.page-id-1817 .elementor-widget-text-editor h2,
body.page-id-1818 .elementor-widget-text-editor h2,
body.page-id-1829 .elementor-widget-text-editor h2,
body.page-id-1833 .elementor-widget-text-editor h2 {
  font-size: clamp(1.3rem, 2.2vw, 1.65rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em;
  color: var(--navy) !important;
  margin: 1.75em 0 0.65em !important;
  padding-bottom: 0.45em !important;
  border-bottom: 1px solid var(--border) !important;
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content h3,
body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content h4,
body.page-id-1815 .elementor-widget-text-editor h3,
body.page-id-1815 .elementor-widget-text-editor h4,
body.page-id-1817 .elementor-widget-text-editor h3,
body.page-id-1817 .elementor-widget-text-editor h4,
body.page-id-1818 .elementor-widget-text-editor h3,
body.page-id-1818 .elementor-widget-text-editor h4,
body.page-id-1829 .elementor-widget-text-editor h3,
body.page-id-1829 .elementor-widget-text-editor h4,
body.page-id-1833 .elementor-widget-text-editor h3,
body.page-id-1833 .elementor-widget-text-editor h4 {
  font-size: clamp(1.1rem, 1.8vw, 1.28rem) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  margin: 1.35em 0 0.45em !important;
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content ul,
body.page-id-1815 .elementor-widget-text-editor ul,
body.page-id-1817 .elementor-widget-text-editor ul,
body.page-id-1818 .elementor-widget-text-editor ul,
body.page-id-1829 .elementor-widget-text-editor ul,
body.page-id-1833 .elementor-widget-text-editor ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0.75em 0 1.4em !important;
  display: grid;
  gap: 0.65rem;
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content ul li,
body.page-id-1815 .elementor-widget-text-editor ul li,
body.page-id-1817 .elementor-widget-text-editor ul li,
body.page-id-1818 .elementor-widget-text-editor ul li,
body.page-id-1829 .elementor-widget-text-editor ul li,
body.page-id-1833 .elementor-widget-text-editor ul li {
  position: relative;
  padding: 0.8rem 1rem 0.8rem 2.6rem !important;
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--navy);
  box-shadow: var(--shadow-card);
  margin: 0 !important;
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content ul li::before,
body.page-id-1815 .elementor-widget-text-editor ul li::before,
body.page-id-1817 .elementor-widget-text-editor ul li::before,
body.page-id-1818 .elementor-widget-text-editor ul li::before,
body.page-id-1829 .elementor-widget-text-editor ul li::before,
body.page-id-1833 .elementor-widget-text-editor ul li::before {
  content: "✓";
  position: absolute;
  left: 0.85rem;
  top: 0.88rem;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 6px;
  background: var(--brand-soft);
  color: var(--brand);
  font-size: 0.8rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.page:not(.elementor-page):not(.page-id-3672):not(.page-id-4218):not(.woocommerce-page) article.page.entry-content a,
body.page-id-1815 .elementor-widget-text-editor a,
body.page-id-1817 .elementor-widget-text-editor a,
body.page-id-1818 .elementor-widget-text-editor a,
body.page-id-1829 .elementor-widget-text-editor a,
body.page-id-1833 .elementor-widget-text-editor a {
  color: var(--brand);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-id-1815 section.elementor-top-section,
body.page-id-1817 section.elementor-top-section,
body.page-id-1818 section.elementor-top-section,
body.page-id-1829 section.elementor-top-section,
body.page-id-1833 section.elementor-top-section,
.elementor-element-4b5fc5a,
.elementor-element-f8adf03 {
  display: none !important;
}

body.page-id-1815 .elementor-widget-image img,
body.page-id-1817 .elementor-widget-image img,
body.page-id-1818 .elementor-widget-image img,
body.page-id-1829 .elementor-widget-image img,
body.page-id-1833 .elementor-widget-image img {
  max-height: 360px !important;
  width: auto !important;
  margin: 24px auto 8px !important;
  display: block !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow-float) !important;
}

/* ============================================================================
 * 7. SECTORAL PACKAGE LANDING PAGES & MINI REFERENCE SHOWCASE
 * ============================================================================ */
.elementor-3632 .elementor-element.elementor-element-6aff4204 {
  --overlay-opacity: 0.76 !important;
  background-color: #080808 !important;
}

.elementor-element-69f1075f,
.elementor-element-444c221 {
  gap: 18px !important;
}

.elementor-element-285e74a7 .elementor-heading-title,
.elementor-element-33bf6806 .elementor-heading-title {
  color: #FFFFFF !important;
  font-size: clamp(2rem, 3.5vw, 3.1rem) !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
  margin-bottom: 4px !important;
}

.elementor-element-64684f9e .elementor-heading-title,
.elementor-element-5959c9cd .elementor-heading-title {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

.elementor-element-f7e2116 {
  display: none !important;
}

.nm-mini-refs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 20px 0 12px;
}

.nm-mini-ref-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 16px;
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 10px;
  text-decoration: none !important;
  box-shadow: var(--shadow-card);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.nm-mini-ref-card:hover {
  transform: translateY(-3px);
  border-color: var(--brand-light);
  box-shadow: var(--shadow-float);
}

.nm-mini-ref-card img {
  height: 46px !important;
  max-width: 140px !important;
  width: auto !important;
  object-fit: contain !important;
}

.nm-mini-ref-card span {
  font-family: "Poppins", sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--navy);
  text-align: center;
}

@media (max-width: 767px) {
  .nm-mini-refs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

.elementor-element-bd6d123 {
  max-width: 1140px !important;
  margin: 36px auto 56px !important;
  padding: clamp(24px, 4vw, 44px) clamp(20px, 4.5vw, 48px) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6FBFE 100%) !important;
  border: 1px solid var(--ice-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow-card) !important;
}

.elementor-element-bd6d123 h1,
.elementor-element-bd6d123 h2,
.elementor-element-bd6d123 h3,
.elementor-element-bd6d123 h4 {
  font-family: "Poppins", sans-serif !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  margin-top: 1.25em !important;
  margin-bottom: 0.5em !important;
}

.elementor-element-bd6d123 h1:first-child,
.elementor-element-bd6d123 h2:first-child {
  margin-top: 0 !important;
}

.elementor-element-bd6d123 p,
.elementor-element-bd6d123 li {
  font-family: "Poppins", sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
  color: var(--muted) !important;
}

/* ============================================================================
 * 8. PRICING TABLES & PACKAGE CARDS (Section 4.6)
 * ============================================================================ */
.pricing-section {
  max-width: 1200px !important;
  margin: 32px auto 48px !important;
  padding: clamp(20px, 3.5vw, 36px) !important;
  background: #FFFFFF !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow-card) !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.pricing-section h2,
.pricing-section .pc-title {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(1.45rem, 2.6vw, 2rem) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.02em;
}

.pricing-section p.subtitle,
.pricing-section .pc-subtitle {
  font-size: 14.5px !important;
  color: var(--muted) !important;
  margin-bottom: 24px !important;
}

.pricing-table {
  width: 100% !important;
  min-width: 640px;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  overflow: hidden;
  font-family: "Poppins", sans-serif !important;
}

.pricing-table th,
.pricing-table td {
  padding: 13px 16px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  border-bottom: 1px solid var(--border) !important;
  border-right: 1px solid var(--border) !important;
  color: var(--muted);
}

.pricing-table tr:last-child td {
  border-bottom: none !important;
}

.pricing-table th:last-child,
.pricing-table td:last-child {
  border-right: none !important;
}

.pricing-table thead th {
  position: relative !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6FBFE 100%) !important;
  color: var(--navy) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 30px 16px 18px !important;
  border-bottom: 2px solid var(--ice-border) !important;
  vertical-align: middle !important;
}

.pricing-table thead th .badge {
  top: 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 5px !important;
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
  border: 1px solid var(--ice-border) !important;
  letter-spacing: 0.06em !important;
}

.pricing-table thead th .badge:empty {
  display: none !important;
}

.pricing-section thead .pc-price,
.pricing-table thead .pc-price {
  display: block !important;
  color: var(--brand) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-top: 6px !important;
}

.pricing-table tbody tr:nth-child(even) td:not(.highlight) {
  background-color: var(--mist);
}

.pricing-table tbody tr:hover td {
  background-color: var(--ice) !important;
}

.pricing-table td.feature,
.pricing-table th.feature {
  font-weight: 600 !important;
  color: var(--navy) !important;
  background: #FFFFFF;
}

.pricing-table .highlight {
  background: var(--brand-soft) !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
}

.pricing-table .price {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--brand) !important;
}

/* Services Page (#ozel-hizmet-paketleri-wrapper) & Sectoral Page (#narda-sektorel-cozumler) Cards */
#ozel-hizmet-paketleri-wrapper {
  background: transparent !important;
  font-family: "Poppins", sans-serif !important;
}

#ozel-hizmet-paketleri-wrapper .service-card,
#narda-sektorel-cozumler .card,
body.page-id-3850 #paketler .card {
  background: #FFFFFF !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow-card) !important;
}

#ozel-hizmet-paketleri-wrapper .service-card:hover,
#narda-sektorel-cozumler .card:hover,
body.page-id-3850 #paketler .card:hover {
  border-color: var(--brand-light) !important;
  box-shadow: var(--shadow-float) !important;
}

#ozel-hizmet-paketleri-wrapper .card-accent {
  background: linear-gradient(90deg, #0B2285 0%, #0963C0 50%, #2689E3 100%) !important;
}

/* Graphic Design Price List & Mobile App Pricing */
body.page-id-4218 .wrap,
body.page-id-3744 .wrap {
  max-width: 1120px !important;
  margin: 28px auto 64px !important;
  padding: 0 clamp(14px, 3vw, 24px) !important;
}

body.page-id-4218 thead th,
body.page-id-3744 thead th {
  position: static !important;
}

@media (max-width: 720px) {
  body.page-id-4218 .header,
  body.page-id-3744 .header {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-id-4218 tbody tr,
  body.page-id-3744 tbody tr {
    margin: 0 0 12px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.page-id-4218 .card,
  body.page-id-3744 .card {
    overflow: hidden !important;
    padding: 12px !important;
  }
}

body.page-id-3850 #paketler .wrap,
body.page-id-2886 #paketler .wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 3vw, 28px) !important;
}

@media (min-width: 960px) {
  body.page-id-3850 #paketler .wrap,
  body.page-id-2886 #paketler .wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
  }

  body.page-id-3850 #paketler .wrap > .title,
  body.page-id-3850 #paketler .wrap > .sub,
  body.page-id-2886 #paketler .wrap > .title,
  body.page-id-2886 #paketler .wrap > .sub {
    grid-column: 1 / -1 !important;
  }
}

body.page-id-3850 #paketler .block,
body.page-id-2886 #paketler .block {
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-3850 #paketler .block .grid,
body.page-id-2886 #paketler .block .grid {
  grid-template-columns: 1fr !important;
  flex: 1 1 auto !important;
}

body.page-id-3850 #paketler .block .card,
body.page-id-2886 #paketler .block .card {
  height: 100% !important;
}

img[src*="ristorante-rodrigo"],
img[src*="ristorodrigo"],
img[src*="xoom-gym"] {
  background: var(--navy) !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
}

body.page-id-70 .elementor-element-54b8f19 > .elementor-widget-container {
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: clamp(24px, 3.5vw, 40px);
  box-shadow: var(--shadow-card);
}

/* ============================================================================
 * 9. SINGLE BLOG POSTS, BLOG ARCHIVE & WOOCOMMERCE STORE CARDS (Section 4.4)
 * ============================================================================ */
body.single-post:not(.postid-4335):not(.postid-4340) .main-page-wrapper {
  background: var(--mist) !important;
  padding-top: clamp(24px, 4vw, 48px);
  padding-bottom: clamp(48px, 6vw, 80px);
}

body.single-post:not(.postid-4335):not(.postid-4340) .wd-single-post-Author,
body.single-post:not(.postid-4335):not(.postid-4340) .elementor-widget-wd_single_post_author_bio,
body.single-post:not(.postid-4335):not(.postid-4340) .wd-single-post-author-bio,
body.single-post:not(.postid-4335):not(.postid-4340) .wd-post-author,
body.single-post:not(.postid-4335):not(.postid-4340) .wd-post-reply,
body.single-post:not(.postid-4335):not(.postid-4340) .elementor-widget-wd_single_post_comments_button,
body.single-post:not(.postid-4335):not(.postid-4340) .elementor-widget-wd_single_post_comments_form,
body.single-post:not(.postid-4335):not(.postid-4340) #comments,
body.single-post:not(.postid-4335):not(.postid-4340) .comments-area {
  display: none !important;
}

body.single-post:not(.postid-4335):not(.postid-4340) .elementor-widget-wd_post_content .entry-content,
body.single-post:not(.postid-4335):not(.postid-4340) article.post > .entry-content {
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: clamp(24px, 4.5vw, 48px) clamp(20px, 5vw, 56px);
  box-shadow: var(--shadow-card);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.6vw, 16.5px);
  line-height: 1.75;
  color: var(--muted);
}

body.single-post:not(.postid-4335):not(.postid-4340) .wd-post-title.entry-title {
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.75rem, 3.4vw, 2.45rem) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em;
  color: var(--navy) !important;
}

body.single-post:not(.postid-4335):not(.postid-4340) .entry-content h2 {
  font-size: clamp(1.32rem, 2.3vw, 1.62rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 1.75em 0 0.6em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid var(--border);
  color: var(--navy) !important;
}

body.single-post:not(.postid-4335):not(.postid-4340) .entry-content h3 {
  font-size: clamp(1.12rem, 1.85vw, 1.28rem);
  font-weight: 700;
  margin: 1.35em 0 0.45em;
  color: var(--navy) !important;
}

.wd-post.blog-design-masonry,
.wd-post.blog-style-bg,
.wd-post.blog-style-shadow {
  border-radius: 10px !important;
  overflow: hidden;
  border: 1px solid var(--border);
  background: #FFFFFF;
  box-shadow: var(--shadow-card);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.wd-post.blog-design-masonry:hover,
.wd-post.blog-style-bg:hover,
.wd-post.blog-style-shadow:hover {
  transform: translateY(-3px);
  border-color: var(--brand-light);
  box-shadow: var(--shadow-float) !important;
}

.wd-post .wd-post-author,
.wd-post .wd-post-reply,
.wd-entry-meta .meta-author,
.wd-post-meta .wd-post-author {
  display: none !important;
}

/* WooCommerce Store & Product Cards */
.wd-product.product-grid-item .product-wrapper {
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: var(--shadow-card);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.wd-product.product-grid-item:hover .product-wrapper {
  transform: translateY(-3px);
  border-color: var(--brand-light);
  box-shadow: var(--shadow-float);
}

.wd-product.product-grid-item .product-element-top {
  border-radius: 8px;
  overflow: hidden;
  background: var(--ice);
  border: 1px solid var(--border);
}

.wd-product.product-grid-item .wd-entities-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-top: 10px !important;
  color: var(--navy) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.8em;
}

.wd-product.product-grid-item .price {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--brand) !important;
}

.wd .product-label.onsale {
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
  border: 1px solid var(--ice-border) !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
}

@media (max-width: 575px) {
  .wd-products-element .products,
  .woocommerce .products {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

  .wd-product.product-grid-item {
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .wd-product.product-grid-item .product-wrapper {
    padding: 10px;
    border-radius: 9px;
  }
}

body.single-product .summary-inner {
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: clamp(20px, 3.5vw, 34px);
  box-shadow: var(--shadow-card);
}

body.single-product .product_title.entry-title {
  font-size: clamp(1.45rem, 2.6vw, 2rem) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  color: var(--navy) !important;
}

body.single-product .summary-inner p.price {
  font-size: clamp(1.45rem, 2.5vw, 1.85rem) !important;
  font-weight: 700 !important;
  color: var(--brand) !important;
}

body.single-product form.cart .single_add_to_cart_button {
  background: var(--brand) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-radius: 7px !important;
  font-weight: 700 !important;
  min-height: 46px !important;
  padding: 0 26px !important;
  box-shadow: 0 8px 20px rgba(9, 99, 192, 0.22) !important;
}

body.single-product form.cart .single_add_to_cart_button:hover {
  background: var(--brand-dark) !important;
  transform: translateY(-2px);
}

/* ============================================================================
 * 10. DARK CHROME FOOTER & MOBILE TOOLBAR (Section 4.7)
 * ============================================================================ */
.wd-footer.footer-container {
  background: transparent !important;
  border-top: none !important;
  padding-bottom: 24px !important;
}

.nm-footer__shell {
  background: linear-gradient(180deg, #080808 0%, #0A0F1D 100%) !important;
  border: 1px solid rgba(38, 137, 227, 0.22) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  box-shadow: 0 22px 48px rgba(8, 8, 8, 0.22) !important;
  color: #F8FAFC !important;
}

.nm-footer__cta {
  background:
    radial-gradient(circle at 15% 15%, rgba(38, 137, 227, 0.28), transparent 40%),
    linear-gradient(135deg, #080808 0%, #0B2285 58%, #0963C0 100%) !important;
  border: 1px solid rgba(38, 137, 227, 0.32) !important;
  border-radius: 10px !important;
  padding: 28px 32px !important;
}

.nm-footer__cta-text span {
  border-radius: 5px !important;
  background: rgba(38, 137, 227, 0.22) !important;
  border: 1px solid rgba(38, 137, 227, 0.4) !important;
  color: #FFFFFF !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}

.nm-footer__cta h2 {
  font-family: "Poppins", sans-serif !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

.nm-footer__cta p {
  font-family: "Poppins", sans-serif !important;
  color: rgba(246, 251, 254, 0.86) !important;
}

.nm-footer__btn {
  border-radius: 7px !important;
  height: 42px !important;
  padding: 0 18px !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.nm-footer__btn--dark {
  background: #080808 !important;
  border: 1px solid rgba(38, 137, 227, 0.45) !important;
  color: #FFFFFF !important;
}

.nm-footer__btn--dark:hover {
  background: var(--brand) !important;
  border-color: var(--brand-light) !important;
}

.nm-footer__brand img {
  filter: brightness(0) invert(1) !important;
}

.nm-footer__brand p {
  color: #94A3B8 !important;
  font-family: "Poppins", sans-serif !important;
}

.nm-footer__col h3 {
  font-family: "Poppins", sans-serif !important;
  color: var(--brand-light) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}

.nm-footer__col a {
  font-family: "Poppins", sans-serif !important;
  color: #CBD5E1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.nm-footer__col a:hover {
  color: var(--brand-light) !important;
  transform: translateX(2px) !important;
}

.nm-footer__bar {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-top: 16px !important;
}

.nm-footer__bar > span {
  color: #8A94A3 !important;
  font-family: "Poppins", sans-serif !important;
}

.nm-footer__socials a,
.nm-footer__socials span {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #E2E8F0 !important;
  border-radius: 6px !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.nm-footer__socials a:hover {
  background: var(--brand) !important;
  border-color: var(--brand-light) !important;
  color: #FFFFFF !important;
}

/* /yazilimlar/ Footer Dark Chrome */
body .footer {
  background: #080808 !important;
  border-top: 2px solid #0B2285 !important;
}

body .footer span.h5 {
  color: var(--brand-light) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

body .footer span.h5:before {
  background: var(--brand) !important;
}

@media (max-width: 1024px) {
  body.wd-toolbar-on,
  body.sticky-toolbar-on {
    padding-bottom: 86px !important;
  }

  .sticky-toolbar-on .scrollToTop {
    bottom: 88px !important;
  }
}

/* ============================================================================
 * 11. LUCIDE ICON SYSTEM, NAVIGATION ARROWS, CAROUSELS, BUTTONS & INFO-BOXES
 * ============================================================================ */

/* Suppress legacy icon-font pseudo-elements where Lucide SVGs are injected */
.whb-main-header .wd-nav.wd-nav-main > li.menu-item-has-children > a:after,
.wd-btn-arrow .wd-arrow-inner:after,
.wd-btn-arrow .wd-arrow-inner:before,
a.scrollToTop:after,
a.scrollToTop:before,
.wd-page-nav-icon:before,
.wd-page-nav-icon:after,
.wd-accordion-opener:before,
.wd-accordion-opener:after,
.wd-nav-opener:after,
.wd-nav-opener:before,
.add_to_cart_button .wd-action-icon:before,
.woocommerce-pagination a.next:before,
.woocommerce-pagination a.prev:before,
.wd-toolbar .wd-tools-icon:before {
  content: none !important;
  display: none !important;
}

/* Base Lucide SVG crispness */
svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Header Navigation Dropdown Chevron */
.whb-main-header .wd-nav.wd-nav-main > li.menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.nm-lucide-nav-chevron,
.whb-main-header .wd-nav.wd-nav-main > li.menu-item-has-children > a svg.lucide {
  width: 15px !important;
  height: 15px !important;
  opacity: 0.75;
  transition: transform 0.22s ease, opacity 0.22s ease;
}

.whb-main-header .wd-nav.wd-nav-main > li.menu-item-has-children:hover > a svg.lucide {
  transform: rotate(180deg);
  opacity: 1;
}

/* Mega Menu Lucide Icons */
.nm-mega-cat {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.nm-mega-cat svg.lucide.nm-mega-cat-arrow {
  width: 15px !important;
  height: 15px !important;
  opacity: 0.45;
  color: var(--brand);
  transition: transform 0.18s ease, opacity 0.18s ease;
}

.nm-mega-cat:hover svg.lucide.nm-mega-cat-arrow,
.nm-mega-cat.is-active svg.lucide.nm-mega-cat-arrow {
  opacity: 1;
  transform: translateX(2px);
}

.nm-mega-all,
.nm-mega-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.nm-mega-all svg.lucide,
.nm-mega-cta svg.lucide,
.nm-lucide-inline {
  width: 16px !important;
  height: 16px !important;
}

/* Homepage Service Grid Button Arrow */
.nm-services__btnIcon svg.lucide {
  width: 16px !important;
  height: 16px !important;
  transition: transform 0.2s ease;
}

.nm-services__btn:hover .nm-services__btnIcon svg.lucide {
  transform: translateX(2px);
}

/* WoodMart Buttons (.btn-icon-pos-right) & All Enhanced CTA Buttons */
.btn.btn-icon-pos-right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.btn .wd-btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline-start: 6px !important;
}

.btn .wd-btn-icon svg.lucide {
  width: 17px !important;
  height: 17px !important;
  transition: transform 0.2s ease;
}

.btn:hover .wd-btn-icon svg.lucide {
  transform: translateX(3px);
}

.nm-btn-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 7px;
  line-height: 1;
}

.nm-btn-arrow svg.lucide {
  width: 16px !important;
  height: 16px !important;
  transition: transform 0.2s ease;
}

a:hover > .nm-btn-arrow svg.lucide,
button:hover > .nm-btn-arrow svg.lucide,
.elementor-button-link:hover .nm-btn-arrow svg.lucide {
  transform: translateX(3px);
}

.elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
}

/* Carousel Prev / Next Arrows (.wd-nav-arrows .wd-btn-arrow) — Always Visible & Crisp */
.wd-carousel-container {
  position: relative;
}

.wd-nav-arrows.wd-pos-sep {
  pointer-events: none;
}

.wd-carousel-container .wd-nav-arrows .wd-btn-arrow,
.wd-carousel:not(.wd-initialized) ~ .wd-nav-arrows .wd-btn-arrow,
.wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(-50%) !important;
  top: 50% !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 7px !important;
  background: #FFFFFF !important;
  color: var(--navy) !important;
  border: 1px solid var(--ice-border) !important;
  box-shadow: var(--shadow-float) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 25 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.wd-carousel-container .wd-nav-arrows .wd-btn-arrow.wd-prev {
  inset-inline-start: 8px !important;
  inset-inline-end: auto !important;
  margin: 0 !important;
}

.wd-carousel-container .wd-nav-arrows .wd-btn-arrow.wd-next {
  inset-inline-end: 8px !important;
  inset-inline-start: auto !important;
  margin: 0 !important;
}

.wd-carousel-container .wd-nav-arrows .wd-btn-arrow:hover {
  background: var(--brand) !important;
  color: #FFFFFF !important;
  border-color: var(--brand) !important;
  box-shadow: 0 12px 28px rgba(9, 99, 192, 0.25) !important;
}

.wd-btn-arrow .wd-arrow-inner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.wd-btn-arrow .wd-arrow-inner svg.lucide {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.25;
}

/* Info-Box Lucide Icon Badges (.nm-lucide-box-icon) & Action Arrows (.nm-infobox-arrow) */
.wd-info-box .box-icon-wrapper.nm-lucide-box-icon {
  margin-bottom: 14px !important;
}

.wd-info-box.box-icon-align-right:has(.nm-lucide-box-icon) {
  flex-direction: row !important;
}

.wd-info-box.box-icon-align-left .box-icon-wrapper.nm-lucide-box-icon,
.wd-info-box.box-icon-align-right .box-icon-wrapper.nm-lucide-box-icon {
  margin-bottom: 0 !important;
  margin-right: 16px !important;
  margin-left: 0 !important;
  flex-shrink: 0;
}

.wd-info-box.box-style-border .info-box-content {
  padding: 0 !important;
  border: 0 !important;
}

.wd-info-box.box-style-border .info-box-icon {
  margin: 0 !important;
}

.wd-info-box .box-icon-wrapper.nm-lucide-box-icon .info-box-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: var(--brand-soft) !important;
  border: 1px solid var(--ice-border) !important;
  color: var(--brand) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.wd-info-box:hover .box-icon-wrapper.nm-lucide-box-icon .info-box-icon {
  background: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: #FFFFFF !important;
  transform: scale(1.04);
}

.wd-info-box .box-icon-wrapper.nm-lucide-box-icon svg.lucide {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  stroke-width: 2;
}

.wd-info-box .info-box-content {
  position: relative;
}

.nm-infobox-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px;
  height: 34px;
  border-radius: 7px;
  background: var(--brand-soft);
  border: 1px solid var(--ice-border);
  color: var(--brand);
  margin-top: 12px;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.nm-infobox-arrow svg.lucide {
  width: 17px !important;
  height: 17px !important;
}

.wd-info-box:hover .nm-infobox-arrow {
  background: var(--brand);
  border-color: var(--brand);
  color: #FFFFFF;
  transform: translate(2px, -2px);
}

/* Scroll To Top Button */
a.scrollToTop {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: var(--navy) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-float) !important;
}

a.scrollToTop svg.lucide {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.25;
}

a.scrollToTop:hover {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #FFFFFF !important;
}

/* Single Post Prev / Next Navigation Icons */
.wd-page-nav-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 7px !important;
  background: var(--brand-soft);
  border: 1px solid var(--ice-border);
  color: var(--brand);
}

.wd-page-nav-icon svg.lucide {
  width: 18px !important;
  height: 18px !important;
}

/* Product Page Accordions */
.wd-accordion-opener {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wd-accordion-opener svg.lucide {
  width: 18px !important;
  height: 18px !important;
  transition: transform 0.2s ease;
}

.wd-accordion-title.wd-active .wd-accordion-opener svg.lucide {
  transform: rotate(180deg);
}

/* Store Add to Cart & Pagination Icons */
.add_to_cart_button .wd-action-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.add_to_cart_button .wd-action-icon svg.lucide {
  width: 17px !important;
  height: 17px !important;
}

.woocommerce-pagination a.next,
.woocommerce-pagination a.prev {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.woocommerce-pagination a.next svg.lucide,
.woocommerce-pagination a.prev svg.lucide {
  width: 18px !important;
  height: 18px !important;
}

/* Mobile Menu Opener Chevron */
.wd-nav-opener {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wd-nav-opener svg.lucide {
  width: 17px !important;
  height: 17px !important;
  transition: transform 0.2s ease;
}

.wd-nav-opener.wd-active svg.lucide {
  transform: rotate(180deg);
}

/* ============================================================================
 * 12. MODERN MOBILE FLOATING NAVIGATION DOCK (.wd-toolbar / .nm-mobile-dock)
 * ============================================================================ */
@media (max-width: 1024px) {
  .wd-toolbar {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: max(10px, env(safe-area-inset-bottom, 10px)) !important;
    margin: 0 auto !important;
    max-width: 460px !important;
    height: 64px !important;
    padding: 6px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(8, 8, 8, 0.96) 0%, rgba(11, 34, 133, 0.96) 100%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(38, 137, 227, 0.34) !important;
    box-shadow:
      0 18px 42px -8px rgba(8, 8, 8, 0.52),
      0 0 0 1px rgba(255, 255, 255, 0.07) inset !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 4px !important;
    overflow: visible !important;
    z-index: 999 !important;
  }

  .wd-toolbar > div,
  .wd-toolbar > a {
    flex: none !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
  }

  .wd-toolbar > div > a,
  .wd-toolbar > a {
    position: relative !important;
    width: 100% !important;
    height: 52px !important;
    padding: 5px 2px !important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: rgba(226, 232, 240, 0.78) !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .wd-toolbar .wd-tools-icon,
  .wd-toolbar .wd-toolbar-icon {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    color: inherit !important;
  }

  .wd-toolbar .wd-tools-icon svg.lucide {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 2 !important;
    color: currentColor !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
  }

  .wd-toolbar .wd-toolbar-label {
    position: static !important;
    inset: auto !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.01em !important;
    color: inherit !important;
    white-space: nowrap !important;
  }

  /* Hover & Active Page Tab State */
  .wd-toolbar > div:not(.nm-dock-cta):hover > a,
  .wd-toolbar > div.is-active:not(.nm-dock-cta) > a,
  .wd-toolbar > div.wd-opened > a {
    background: rgba(38, 137, 227, 0.18) !important;
    color: #FFFFFF !important;
    box-shadow: inset 0 0 0 1px rgba(38, 137, 227, 0.38) !important;
  }

  .wd-toolbar > div.is-active:not(.nm-dock-cta) .wd-tools-icon svg.lucide,
  .wd-toolbar > div.wd-opened .wd-tools-icon svg.lucide {
    color: #2689E3 !important;
    transform: translateY(-1px);
  }

  /* Center Featured Action Button (WhatsApp) */
  .wd-toolbar > div.nm-dock-cta > a {
    background: linear-gradient(135deg, #0963C0 0%, #2689E3 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    box-shadow:
      0 8px 20px -4px rgba(9, 99, 192, 0.65),
      inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  }

  .wd-toolbar > div.nm-dock-cta > a:hover,
  .wd-toolbar > div.nm-dock-cta > a:active {
    background: linear-gradient(135deg, #0B2285 0%, #0963C0 100%) !important;
    transform: translateY(-1px);
  }

  .wd-toolbar > div.nm-dock-cta .wd-toolbar-label {
    font-weight: 700 !important;
    color: #FFFFFF !important;
  }

  .wd-toolbar > div.nm-dock-cta .wd-tools-icon svg.lucide {
    color: #FFFFFF !important;
  }
}

/* /yazilimlar/ Software Directory Lucide Icons */
.nm-lucide-replaced svg.lucide,
i[data-lucide] svg.lucide,
svg.lucide.nm-lucide-replaced {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}