/* ================================
   Product Description – Salla
   ================================ */

/* Main description container */
.product__description,
.product-single__description {
  background-color: #FAFAFA;
  color: #385E85;
}

/* Paragraph text */
.product__description p,
.product-single__description p {
  color: #385E85;
}

/* Headings inside description */
.product__description h1,
.product__description h2,
.product__description h3,
.product-single__description h1,
.product-single__description h2,
.product-single__description h3 {
  color: #00A8B0;
  border-bottom: 2px solid #68C9CF;
  padding-bottom: 6px;
}

/* Lists */
.product__description ul li,
.product-single__description ul li {
  color: #385E85;
}

.product__description ul li::marker,
.product-single__description ul li::marker {
  color: #00A8B0;
}

/* Highlight blocks (if used) */
.product__description blockquote,
.product-single__description blockquote {
  background-color: #68C9CF;
  color: #385E85;
  border-right: 4px solid #00A8B0;
  padding: 12px 16px;
}

/* Tables inside description */
.product__description table,
.product-single__description table {
  border-color: #9FB4C9;
}

.product__description th,
.product-single__description th {
  background-color: #385E85;
  color: #FAFAFA;
}

.product__description td,
.product-single__description td {
  color: #385E85;
  border-color: #9FB4C9;
}

/* Links */
.product__description a,
.product-single__description a {
  color: #00A8B0;
}

.product__description a:hover,
.product-single__description a:hover {
  color: #385E85;
}

/* Horizontal rule */
.product__description hr,
.product-single__description hr {
  background-color: #9FB4C9;
  height: 1px;
  border: none;
}

/* =========================================
   Header + Breadcrumbs (Salla) – Palette locked
   bg: #FAFAFA | text: #385E85 | primary: #00A8B0 | soft: #68C9CF | muted: #9FB4C9
   ========================================= */

/* =========================
   1) HEADER (background + borders)
   ========================= */

/* Common header wrappers in Salla themes */
header,
.site-header,
.main-header,
.header,
#header,
.top-header,
.header-wrapper {
  background: #FAFAFA !important;
  border-bottom: 1px solid #9FB4C9 !important;
}

/* Ensure header area text inherits safely (NOT buttons) */
header,
.site-header,
.main-header,
.header,
#header,
.top-header,
.header-wrapper,
header *:not(button):not(.btn):not(.button):not([class*="btn"]):not(input):not(textarea):not(select):not(span) {
  color: #385E85;
}

/* =========================
   2) HEADER NAV LINKS
   ========================= */

/* Navigation links (broad but safe: excludes button-like classes) */
header a:not(.btn):not(.button):not([class*="btn"]),
.site-header a:not(.btn):not(.button):not([class*="btn"]),
.main-header a:not(.btn):not(.button):not([class*="btn"]) {
  color: #385E85 !important;
  text-decoration: none;
}

/* Hover / focus */
header a:not(.btn):not(.button):not([class*="btn"]):hover,
header a:not(.btn):not(.button):not([class*="btn"]):focus,
.site-header a:not(.btn):not(.button):not([class*="btn"]):hover,
.site-header a:not(.btn):not(.button):not([class*="btn"]):focus {
  color: #00A8B0 !important;
}

/* Active/current menu item (works in many themes) */
header .is-active > a,
header .active > a,
header a[aria-current="page"],
.site-header .is-active > a,
.site-header .active > a,
.site-header a[aria-current="page"] {
  color: #00A8B0 !important;
  border-bottom: 2px solid #68C9CF;
  padding-bottom: 6px;
}

/* =========================
   3) HEADER ICONS (search/user/cart etc.)
   ========================= */

/* SVG icons */
header svg,
.site-header svg,
.main-header svg {
  fill: #385E85 !important;
  color: #385E85 !important;
}

/* Salla icon font spans (common: .sicon / [class^="sicon-"]) */
header .sicon,
header [class^="sicon-"],
header [class*=" sicon-"],
.site-header .sicon,
.site-header [class^="sicon-"],
.site-header [class*=" sicon-"] {
  color: #385E85 !important;
}

/* Icon hover */
header a:hover .sicon,
header a:hover [class^="sicon-"],
header a:hover [class*=" sicon-"],
header a:hover svg {
  color: #00A8B0 !important;
  fill: #00A8B0 !important;
}

/* Cart badge / notification badge (names vary) */
header .badge,
header .count,
header .notification-badge,
.site-header .badge,
.site-header .count,
.site-header .notification-badge {
  background: #00A8B0 !important;
  color: #FAFAFA !important;
}

/* =========================
   4) BREADCRUMBS
   ========================= */

.breadcrumb,
.breadcrumbs,
.breadcrumbs-container,
nav[aria-label="breadcrumb"] {
  padding: 10px 12px;
}

/* Breadcrumb items/links */
.breadcrumb a,
.breadcrumbs a,
nav[aria-label="breadcrumb"] a {
  color: #385E85 !important;
  text-decoration: none;
}

/* Hover */
.breadcrumb a:hover,
.breadcrumbs a:hover,
nav[aria-label="breadcrumb"] a:hover {
  color: #00A8B0 !important;
}

/* Separator */
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumbs li + li::before {
  color: #9FB4C9 !important;
}

/* Current (last) crumb */
.breadcrumb-item.active,
.breadcrumb .active,
.breadcrumbs .active,
nav[aria-label="breadcrumb"] [aria-current="page"] {
  color: #00A8B0 !important;
  font-weight: 700;
}

/* =========================================
   Salla Product Card (Listing / Categories)
   Targets: custom-salla-product-card + s-product-card-*
   Does NOT style buttons text
   ========================================= */

/* 1) Card container */
custom-salla-product-card.s-product-card-entry,
custom-salla-product-card.s-product-card-entry.s-product-card-vertical,
custom-salla-product-card.s-product-card-entry.s-product-card-fit-height {
  background: #FAFAFA !important;
  border: 1px solid #9FB4C9 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* Hover */
custom-salla-product-card.s-product-card-entry:hover {
  border-color: #68C9CF !important;
}

/* 2) Image area */
custom-salla-product-card .s-product-card-image {
  background: #FAFAFA !important;
}

custom-salla-product-card .s-product-card-image img {
  border-radius: 12px !important;
}

/* 3) Content text */
custom-salla-product-card .s-product-card-content {
  background: #FAFAFA !important;
}

/* Title */
custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-content-title a {
  color: #385E85 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

custom-salla-product-card .s-product-card-content-title a:hover {
  color: #00A8B0 !important;
}

/* Subtitle / meta */
custom-salla-product-card .s-product-card-content-subtitle,
custom-salla-product-card .s-product-card-content-subtitle.opacity-80 {
  color: #9FB4C9 !important;
}

/* 4) Price */
custom-salla-product-card .s-product-card-price {
  color: #00A8B0 !important;
  font-weight: 900 !important;
}

/* SAR icon inside price */
custom-salla-product-card .s-product-card-price .sicon-sar,
custom-salla-product-card .s-product-card-price i {
  color: #00A8B0 !important;
}

/* 5) Wishlist icon ONLY (not the button text) */
custom-salla-product-card .s-product-card-wishlist-btn i.sicon-heart {
  color: #385E85 !important;
}

custom-salla-product-card .s-product-card-wishlist-btn:hover i.sicon-heart {
  color: #00A8B0 !important;
}

/* 6) Footer spacing / divider (optional) */
custom-salla-product-card .s-product-card-content-footer {
  border-top: 1px solid #9FB4C9 !important;
  padding-top: 10px !important;
}

/* 7) Inputs (if any appear in cards; safe) */
custom-salla-product-card input,
custom-salla-product-card select {
  border: 1px solid #9FB4C9 !important;
  background: #FAFAFA !important;
  color: #385E85 !important;
  border-radius: 10px !important;
}

custom-salla-product-card input:focus,
custom-salla-product-card select:focus {
  outline: none !important;
  border-color: #00A8B0 !important;
  box-shadow: 0 0 0 3px rgba(104, 201, 207, 0.35) !important;
}


/* =========================================
   Footer (Salla) – Keep existing background
   Only typography, links, icons, borders
   ========================================= */

/* 1) Footer base (NO background changes) */
footer.store-footer,
footer.store-footer .store-footer__inner {
  color: #385E85 !important;
  border-top: 1px solid #9FB4C9 !important;
}

/* Footer text */
footer.store-footer p,
footer.store-footer span,
footer.store-footer li,
footer.store-footer strong,
footer.store-footer small {
  color: #385E85 !important;
}

/* 2) Headings */
footer.store-footer h1,
footer.store-footer h2,
footer.store-footer h3,
footer.store-footer .s-contacts-title {
  color: #00A8B0 !important;
  font-weight: 800;
}

/* Optional: subtle underline under section titles */
footer.store-footer h3 {
  border-bottom: 2px solid #68C9CF;
  padding-bottom: 6px;
  display: inline-block;
}

/* 3) Links */
footer.store-footer a {
  color: #385E85 !important;
  text-decoration: none;
}

footer.store-footer a:hover {
  color: #00A8B0 !important;
}

/* Footer menu */
footer.store-footer .s-menu-footer-item {
  color: #385E85 !important;
  padding: 6px 0;
  display: block;
}

footer.store-footer .s-menu-footer-item:hover {
  color: #00A8B0 !important;
}

/* 4) Social icons */
footer.store-footer .s-social-icon svg {
  fill: #385E85 !important;
  color: #385E85 !important;
}

footer.store-footer .s-social-link a:hover .s-social-icon svg {
  fill: #00A8B0 !important;
  color: #00A8B0 !important;
}

/* 5) Contacts */
footer.store-footer .s-contacts .s-contacts-item {
  color: #385E85 !important;
}

footer.store-footer .s-contacts .s-contacts-item:hover {
  color: #00A8B0 !important;
}

footer.store-footer .s-contacts .s-contacts-icon svg {
  fill: #00A8B0 !important;
  color: #00A8B0 !important;
}

/* 6) Trust badge (border only; NO background) */
footer.store-footer .s-trust-badges-wrapper {
  border: 1px solid #9FB4C9 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
}

footer.store-footer .s-trust-badges-label {
  color: #385E85 !important;
}

footer.store-footer .s-trust-badges-number {
  color: #00A8B0 !important;
}

/* 7) Bottom bar */
footer.store-footer .copyright-text,
footer.store-footer .copyright-text p {
  color: #9FB4C9 !important;
}

footer.store-footer .copyright-text a {
  color: #00A8B0 !important;
}

footer.store-footer .copyright-text a:hover {
  color: #385E85 !important;
}

/* Payments list divider (NO background) */
footer.store-footer .s-payments-list-wrap {
  border-top: 1px solid #9FB4C9 !important;
  padding-top: 12px;
}

/* Payment icons: border only; NO background */
footer.store-footer .s-payments-list-item img {
  border: 1px solid #9FB4C9 !important;
  border-radius: 12px !important;
  padding: 6px !important;
}

/* 8) Spacing polish */
footer.store-footer .store-footer__inner {
  padding-top: 24px;
  padding-bottom: 10px;
}