/* ================================
   Thinkaboo Theme CSS - Salla Raed
   ================================ */

:root {
  --think-bg: #FBF8F4;
  --think-soft: #F7F1EA;
  --think-brown: #8B6F5A;
  --think-brown-dark: #6F5543;
  --think-green: #87977E;
  --think-text: #243A3F;
  --think-muted: #7D7168;
  --think-white: #FFFFFF;
  --think-border: #E8DED4;
  --think-radius: 10px;
}

/* General */
body {
  background: var(--think-bg) !important;
  color: var(--think-text) !important;
  letter-spacing: 0;
}

/* Text on normal white/light backgrounds */
body,
main,
.page-wrapper,
.container,
.s-block,
.s-block *,
.product-entry,
.s-product-card,
.s-product-card *,
.s-search-results,
.s-search-results *,
.search-results,
.search-results *,
.search-page,
.search-page *,
.s-modal,
.s-modal *,
.modal,
.modal *,
.dropdown-menu,
.dropdown-menu *,
.s-dropdown,
.s-dropdown *,
.main-menu,
.main-menu *,
.mobile-menu,
.mobile-menu * {
  color: var(--think-text) !important;
}

/* Headings */
h1, h2, h3, h4,
.section-title,
.s-block__title,
.s-slider-block__title {
  color: var(--think-text) !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px;
}

/* Paragraphs */
p,
.s-block__subtitle,
.product-entry__sub-title {
  color: var(--think-muted) !important;
  line-height: 1.8 !important;
}

/* Buttons */
button,
.s-button-btn,
.s-button-element,
.btn,
a.btn {
  border-radius: var(--think-radius) !important;
}

/* Brown buttons */
.s-button-primary,
.s-button-btn.s-button-primary,
button[type="submit"],
.btn-primary {
  background: var(--think-brown) !important;
  border-color: var(--think-brown) !important;
  color: var(--think-white) !important;
}

.s-button-primary *,
.s-button-btn.s-button-primary *,
button[type="submit"] *,
.btn-primary * {
  color: var(--think-white) !important;
}

.s-button-primary:hover,
.s-button-btn.s-button-primary:hover,
.btn-primary:hover {
  background: var(--think-brown-dark) !important;
  border-color: var(--think-brown-dark) !important;
  color: var(--think-white) !important;
}

/* Header */
.store-header,
.main-menu,
.header,
.site-header {
  background: var(--think-white) !important;
}

.store-header,
.site-header {
  border-bottom: 1px solid var(--think-border) !important;
}

/* تكبير شعار Thinkaboo في الهيدر */
header img,
.store-header img,
.site-header img,
.main-header img,
.navbar img,
.salla-theme-header img {
  max-height: none !important;
}

header a img,
.store-header a img,
.site-header a img,
.main-header a img,
.navbar a img,
.salla-theme-header a img {
  width: 120px !important;
  max-width: 120px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* منع تمدد أيقونات الهيدر بالغلط */
header button img,
header .s-cart-summary-total img,
header .s-user-menu-trigger img,
header .s-search-input img,
.store-header button img,
.site-header button img {
  width: auto !important;
  max-width: none !important;
}

/* Announcement bar */
.announcement,
.announcement-bar,
.s-topbar,
.top-navbar {
  background: var(--think-brown) !important;
  color: var(--think-white) !important;
}

.announcement *,
.announcement-bar *,
.s-topbar *,
.top-navbar * {
  color: var(--think-white) !important;
}

/* ================================
   Search - white background with dark text
   ================================ */

input,
textarea,
select,
.s-search-input,
.s-search-input input,
.search-input,
.search-input input,
input[type="search"],
input[type="text"] {
  background: var(--think-white) !important;
  color: var(--think-text) !important;
  border-color: var(--think-border) !important;
}

input::placeholder,
textarea::placeholder,
.s-search-input input::placeholder,
.search-input input::placeholder {
  color: var(--think-muted) !important;
}

.s-search-results,
.s-search-results *,
.search-results,
.search-results *,
.s-search-modal,
.s-search-modal *,
.search-modal,
.search-modal *,
.s-modal,
.s-modal *,
.modal,
.modal * {
  background-color: var(--think-white);
  color: var(--think-text) !important;
}

.s-search-results a,
.search-results a,
.s-search-modal a,
.search-modal a,
.s-modal a,
.modal a {
  color: var(--think-text) !important;
}

/* ================================
   Banners / Hero / Square images text WHITE
   ================================ */

/* Hero / slider / image banners */
.s-block--enhanced-slider,
.s-block--enhanced-slider *,
.s-slider-block,
.s-slider-block *,
.s-slider-block__display-all,
.s-slider-block__display-all *,
.s-hero,
.s-hero *,
.main-slider,
.main-slider *,
.hero,
.hero *,
.swiper-slide,
.swiper-slide *,
.swiper-slide-active,
.swiper-slide-active *,
.carousel-slider,
.carousel-slider *,
.slide,
.slide *,
.banner,
.banner *,
.banner-entry,
.banner-entry *,
.s-image-card,
.s-image-card *,
.s-block--banners,
.s-block--banners *,
.s-block--fixed-banner,
.s-block--fixed-banner *,
.enhanced-banner,
.enhanced-banner * {
  color: var(--think-brown-dark) !important;
}

/* Banner titles specifically */
.s-block--enhanced-slider h1,
.s-block--enhanced-slider h2,
.s-block--enhanced-slider h3,
.s-block--enhanced-slider p,
.s-slider-block h1,
.s-slider-block h2,
.s-slider-block h3,
.s-slider-block p,
.swiper-slide h1,
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide p,
.hero h1,
.hero h2,
.hero h3,
.hero p,
.main-slider h1,
.main-slider h2,
.main-slider h3,
.main-slider p,
.banner h1,
.banner h2,
.banner h3,
.banner p,
.banner-entry h1,
.banner-entry h2,
.banner-entry h3,
.banner-entry p,
.s-image-card h1,
.s-image-card h2,
.s-image-card h3,
.s-image-card p,
.s-block--banners h1,
.s-block--banners h2,
.s-block--banners h3,
.s-block--banners p,
.s-block--fixed-banner h1,
.s-block--fixed-banner h2,
.s-block--fixed-banner h3,
.s-block--fixed-banner p {
  color: var(--think-white) !important;
  font-weight: 700 !important;
}

/* Banner links */
.s-block--enhanced-slider a,
.s-slider-block a,
.swiper-slide a,
.hero a,
.main-slider a,
.banner a,
.banner-entry a,
.s-image-card a,
.s-block--banners a,
.s-block--fixed-banner a {
  color: var(--think-white) !important;
}

/* Hero/banner buttons */
.s-block--enhanced-slider .s-button-btn,
.s-slider-block .s-button-btn,
.s-block--hero .s-button-btn,
.hero .s-button-btn,
.main-slider .s-button-btn,
.swiper-slide .s-button-btn,
.banner .s-button-btn,
.banner-entry .s-button-btn,
.s-image-card .s-button-btn,
.s-block--banners .s-button-btn,
.s-block--fixed-banner .s-button-btn {
  background: var(--think-brown) !important;
  color: var(--think-white) !important;
  border-color: var(--think-brown) !important;
}

.s-block--enhanced-slider .s-button-btn *,
.s-slider-block .s-button-btn *,
.s-block--hero .s-button-btn *,
.hero .s-button-btn *,
.main-slider .s-button-btn *,
.swiper-slide .s-button-btn *,
.banner .s-button-btn *,
.banner-entry .s-button-btn *,
.s-image-card .s-button-btn *,
.s-block--banners .s-button-btn *,
.s-block--fixed-banner .s-button-btn * {
  color: var(--think-white) !important;
}

/* Home sections spacing */
.s-block,
.home-section,
section {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

/* Images */
img {
  image-rendering: auto;
}

/* Square cards / category images */
.s-block--banners img,
.banner-entry img,
.s-image-card img {
  border-radius: 12px !important;
}

/* Product cards */
.product-entry,
.s-product-card-entry,
.s-product-card {
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--think-white) !important;
  border: 1px solid rgba(232, 222, 212, 0.75) !important;
  box-shadow: 0 8px 24px rgba(36, 58, 63, 0.04) !important;
}

/* Product images background */
.product-entry__image,
.s-product-card-image {
  background: var(--think-soft) !important;
}

/* Product titles */
.product-entry__title,
.s-product-card-content-title a,
.s-product-card-content-title {
  color: var(--think-text) !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

/* Prices */
.product-entry__price,
.s-product-card-price,
.total-price {
  color: var(--think-brown-dark) !important;
  font-weight: 700 !important;
}

/* Footer */
.store-footer,
.footer,
.site-footer {
  background: var(--think-brown-dark) !important;
  color: var(--think-brown) !important;
}

.store-footer *,
.footer *,
.site-footer * {
  color: var(--think-brown) !important;
}

.store-footer a,
.footer a,
.site-footer a {
  color: var(--think-brown) !important;
}

.store-footer p,
.footer p,
.site-footer p {
  color: var(--think-brown) !important;
}

/* مميزات المتجر - رجوع الأيقونات للون الأبيض */
.s-block--features svg,
.s-block--features svg *,
.s-block--features i,
.s-block--features .icon,
.s-block--features .feature-icon,
.s-block--features .s-icon,
.features svg,
.features svg *,
.features i,
.features .icon,
.features .feature-icon,
.features .s-icon,
.store-features svg,
.store-features svg *,
.store-features i,
.store-features .icon,
.store-features .feature-icon,
.store-features .s-icon {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}