/* =====================================================================
   OCS Dokan Modern Skin — El Nido Guide (2026-06-07)
   AA-checked pairs only:
     navy #003D4C on white 11.85:1 | white on navy 11.85:1
     white on coral #CC4344 4.72:1 | white on teal #007A7D 5.15:1
     #46784A on white 5.19:1 | #575760 on white 7.15:1
   ===================================================================== */

/* ---------- Single store: card frame ---------- */
.dokan-single-store {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 61, 76, .12);
  border: 1px solid rgba(0, 61, 76, .08);
}

/* Store header / banner */
.dokan-single-store .profile-frame { position: relative; }
.dokan-single-store .profile-info-box .profile-info-summery-wrapper { background: #ffffff; }
.dokan-single-store .profile-frame .profile-info-box .profile-img {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 61, 76, .18);
}
.dokan-single-store .profile-frame .profile-info .store-name,
.dokan-single-store .profile-info-summery .store-name {
  color: #003D4C;
  font-weight: 700;
  letter-spacing: .2px;
  text-shadow: none;
}
/* If store name overlays the banner image, give it a legible plate */
.dokan-single-store .profile-frame .profile-info {
  background: linear-gradient(180deg, rgba(0,61,76,0) 0%, rgba(0,61,76,.82) 100%);
  border-radius: 0;
}
.dokan-single-store .profile-frame .profile-info .store-name { color: #ffffff; }

/* Vendor meta (location, rating) */
.dokan-single-store .profile-info li,
.dokan-single-store .dokan-store-info li {
  color: #575760;
}
.dokan-single-store .dokan-store-info li i,
.dokan-single-store .profile-info li i,
.dokan-single-store .fa, .dokan-single-store .fas, .dokan-single-store .far {
  color: #007A7D;
}

/* ---------- Store action bar (Ask us / Share) ---------- */
.dokan-single-store .dokan-store-tabs {
  background: #003D4C;
  border-radius: 0;
  padding: 10px 16px;
}

/* ---------- Tabs (Products / Reviews / ToC) ---------- */
.dokan-single-store .dokan-store-tabs ul.dokan-list-inline {
  display: flex; flex-wrap: wrap; gap: 8px; margin: 0;
}
.dokan-single-store .dokan-store-tabs ul.dokan-list-inline li { margin: 0; }
.dokan-single-store .dokan-store-tabs ul.dokan-list-inline li a {
  display: inline-block;
  padding: 9px 18px;
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  border: 1.5px solid rgba(255,255,255,.45);
  transition: background .18s ease, color .18s ease;
}
.dokan-single-store .dokan-store-tabs ul.dokan-list-inline li a:hover,
.dokan-single-store .dokan-store-tabs ul.dokan-list-inline li.active a,
.dokan-single-store .dokan-store-tabs ul.dokan-list-inline li a[aria-current] {
  background: #ffffff;
  color: #003D4C;
  border-color: #ffffff;
}

/* ---------- Buttons ---------- */
.dokan-btn, a.dokan-btn, input[type=submit].dokan-btn,
.dokan-store-support-btn, .dokan-share-btn,
.dokan-single-store .woocommerce a.button,
.dokan-seller-listing a.button {
  border-radius: 8px;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.dokan-btn-theme, a.dokan-btn-theme,
.dokan-store-support-btn.dokan-btn-theme {
  background: #CC4344;
  border-color: #B23435;
  color: #ffffff;
}
.dokan-btn-theme:hover, a.dokan-btn-theme:hover {
  background: #A92F30;
  border-color: #962829;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(204, 67, 68, .35);
}

/* ---------- Product cards in store + listing ---------- */
.dokan-single-store ul.products li.product,
.dokan-store-listing ul.products li.product,
.woocommerce ul.products li.product {
  background: #ffffff;
  border: 1px solid rgba(0, 61, 76, .10);
  border-radius: 12px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
  padding-bottom: 12px;
}
.dokan-single-store ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(0, 61, 76, .16);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #003D4C; }
.woocommerce ul.products li.product .price { color: #46784A; font-weight: 700; }

/* ---------- Store listing page (vendor cards) ---------- */
.dokan-seller-listing .dokan-single-seller .dokan-store-wrap {
  background: #ffffff;
  border: 1px solid rgba(0, 61, 76, .10);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0, 61, 76, .08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.dokan-seller-listing .dokan-single-seller .dokan-store-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 61, 76, .16);
}
.dokan-seller-listing .store-content .store-data h2 a { color: #003D4C; }
.dokan-seller-listing .store-content .store-data p,
.dokan-seller-listing .store-address { color: #575760; }
.dokan-seller-listing .store-footer { border-top: 1px solid rgba(0,61,76,.08); }

/* ---------- Vendor dashboard ---------- */
.dokan-dashboard .dokan-dash-sidebar { border-radius: 0 0 12px 0; }
.dokan-dashboard .dokan-dashboard-content { background: #ffffff; }
.dokan-dashboard .dokan-dashboard-content article header h1,
.dokan-dashboard .dokan-dashboard-content h1 { color: #003D4C; }

/* ---------- Forms ---------- */
.dokan-single-store input[type="text"],
.dokan-single-store input[type="email"],
.dokan-single-store textarea,
.dokan-store-listing input[type="search"],
.dokan-dashboard input, .dokan-dashboard select, .dokan-dashboard textarea {
  border-radius: 8px;
  border: 1px solid #9DB2B8;
}
.dokan-single-store input:focus-visible,
.dokan-dashboard input:focus-visible,
.dokan-dashboard select:focus-visible,
.dokan-dashboard textarea:focus-visible {
  outline: 3px solid #007A7D;
  outline-offset: 1px;
}

/* ---------- Ratings ---------- */
.dokan-single-store .dokan-rating i, .dokan-seller-rating i { color: #CC4344; }

/* ---------- Full-bleed light background on marketplace pages ----------
   The navy body otherwise shows as dark gutters either side of the
   content container. Scope: Dokan stores, store listing, WooCommerce. */
body.dokan-store,
body.dokan-dashboard,
body.woocommerce,
body.woocommerce-page,
body.single-product,
body.post-type-archive-product,
body.tax-product_cat,
body.tax-store,
body.page-id-530,
body.page-id-531 {
  background-color: #ffffff;
  color: #222222;
}
body.dokan-store .site-content,
body.woocommerce-page .site-content,
body.single-product .site-content {
  background-color: #ffffff;
}

/* ---------- Header / navbar parity on light marketplace pages ----------
   These pages now have a white body, but the nav text is near-white
   (var(--base-2)) and the glass navbar is translucent — so the menu
   disappears against white. On every other page the header reads fine
   because the navy body sits behind it. Re-create that dark backdrop
   here so the header + navbar look identical site-wide. */
body.dokan-store .site-header,
body.dokan-dashboard .site-header,
body.woocommerce .site-header,
body.woocommerce-page .site-header,
body.single-product .site-header,
body.post-type-archive-product .site-header,
body.tax-product_cat .site-header {
  background-color: var(--island-navy);
}

/* Sticky/floating nav clone overlays content while scrolling — keep it dark
   so the white menu text stays legible over white content. */
body.dokan-store #sticky-navigation,
body.dokan-store .main-navigation.navigation-stick,
body.dokan-dashboard #sticky-navigation,
body.dokan-dashboard .main-navigation.navigation-stick,
body.woocommerce #sticky-navigation,
body.woocommerce .main-navigation.navigation-stick,
body.woocommerce-page #sticky-navigation,
body.woocommerce-page .main-navigation.navigation-stick,
body.single-product #sticky-navigation,
body.single-product .main-navigation.navigation-stick {
  background-color: var(--island-navy) !important;
}

/* ---------- Desktop primary nav bar parity (THE fix) ----------
   #site-navigation is a separate bar that sits directly on the body, and
   its glassmorphism background is translucent WHITE (rgba(255,255,255,.25)).
   Over the navy body on normal pages it frosts dark and the near-white menu
   text is legible. Over the white marketplace body it turns white and the
   menu vanishes. Give the bar a frosted-navy background + explicit white
   links on desktop marketplace pages so it matches the rest of the site. */
@media (min-width: 769px) {
  body.dokan-store #site-navigation.main-navigation,
  body.dokan-dashboard #site-navigation.main-navigation,
  body.woocommerce #site-navigation.main-navigation,
  body.woocommerce-page #site-navigation.main-navigation,
  body.single-product #site-navigation.main-navigation,
  body.post-type-archive-product #site-navigation.main-navigation,
  body.tax-product_cat #site-navigation.main-navigation {
    background-color: rgba(0, 61, 76, 0.85);
    border-color: rgba(255, 255, 255, 0.25);
  }
  body.dokan-store #site-navigation .main-nav ul li a,
  body.dokan-dashboard #site-navigation .main-nav ul li a,
  body.woocommerce #site-navigation .main-nav ul li a,
  body.woocommerce-page #site-navigation .main-nav ul li a,
  body.single-product #site-navigation .main-nav ul li a,
  body.post-type-archive-product #site-navigation .main-nav ul li a,
  body.tax-product_cat #site-navigation .main-nav ul li a {
    color: #ffffff;
  }
  /* Current / active menu item: legible white text on a subtle highlight */
  body.dokan-store #site-navigation .main-nav ul li[class*="current-menu-"] > a,
  body.dokan-dashboard #site-navigation .main-nav ul li[class*="current-menu-"] > a,
  body.woocommerce #site-navigation .main-nav ul li[class*="current-menu-"] > a,
  body.woocommerce-page #site-navigation .main-nav ul li[class*="current-menu-"] > a,
  body.single-product #site-navigation .main-nav ul li[class*="current-menu-"] > a,
  body.post-type-archive-product #site-navigation .main-nav ul li[class*="current-menu-"] > a,
  body.tax-product_cat #site-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.18);
    border-radius: 5px;
  }
  /* Sub-menu (dropdown) panels: solid navy so items stay readable */
  body.dokan-store #site-navigation .main-nav ul ul,
  body.woocommerce #site-navigation .main-nav ul ul,
  body.woocommerce-page #site-navigation .main-nav ul ul,
  body.single-product #site-navigation .main-nav ul ul,
  body.tax-product_cat #site-navigation .main-nav ul ul {
    background-color: #003D4C;
  }
}

/* Mobile header parity (site-header is hidden < 768px) */
body.dokan-store #mobile-header,
body.dokan-dashboard #mobile-header,
body.woocommerce #mobile-header,
body.woocommerce-page #mobile-header,
body.single-product #mobile-header {
  background-color: var(--island-navy);
}

/* ---------- Misc: legible secondary text everywhere in dokan ---------- */
.dokan-single-store, .dokan-seller-listing, .dokan-dashboard-content { color: #222222; }
.dokan-single-store a:not(.dokan-btn):not(.button),
.dokan-seller-listing a:not(.dokan-btn):not(.button) { color: #46784A; }
.dokan-single-store a:not(.dokan-btn):not(.button):hover { color: #003D4C; }