/* ================================================
   AL FAWZAN JEWELLERY — Custom CSS v2.0
   الهوية البصرية الكاملة — Warm Ivory Luxury
   ================================================ */

/* ===== 1. خلفية الصفحة ===== */
body {
  background-color: #F8F0E8 !important;
  background-image: linear-gradient(120deg, #F8F0E8 0%, #F8F0E8 100%) !important;
  background-attachment: fixed !important;
}

/* ===== 2. خطوط ذهبية ===== */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='900' viewBox='0 0 1400 900'%3E%3Cdefs%3E%3Cfilter id='sg'%3E%3CfeGaussianBlur stdDeviation='2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M-60 640 C250 475, 495 620, 765 433 C1010 258, 1175 495, 1400 351' stroke='rgba(201,168,76,0.03)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M-60 624 C250 459, 495 604, 765 417 C1010 242, 1175 479, 1400 335' stroke='rgba(201,168,76,0.04)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M-60 608 C250 443, 495 588, 765 401 C1010 226, 1175 463, 1400 319' stroke='rgba(201,168,76,0.05)' stroke-width='0.7' fill='none'/%3E%3Cpath d='M-60 592 C250 427, 495 572, 765 385 C1010 210, 1175 447, 1400 303' stroke='rgba(201,168,76,0.06)' stroke-width='0.7' fill='none'/%3E%3Cpath d='M-60 576 C250 411, 495 556, 765 369 C1010 194, 1175 431, 1400 287' stroke='rgba(218,185,95,0.07)' stroke-width='0.8' fill='none' filter='url(%23sg)'/%3E%3Cpath d='M-60 560 C250 395, 495 540, 765 353 C1010 178, 1175 415, 1400 271' stroke='rgba(218,185,95,0.09)' stroke-width='1.0' fill='none' filter='url(%23sg)'/%3E%3Cpath d='M-60 544 C250 379, 495 524, 765 337 C1010 162, 1175 399, 1400 255' stroke='rgba(218,185,95,0.07)' stroke-width='0.8' fill='none' filter='url(%23sg)'/%3E%3Cpath d='M-60 528 C250 363, 495 508, 765 321 C1010 146, 1175 383, 1400 239' stroke='rgba(201,168,76,0.06)' stroke-width='0.7' fill='none'/%3E%3Cpath d='M-60 512 C250 347, 495 492, 765 305 C1010 130, 1175 367, 1400 223' stroke='rgba(201,168,76,0.05)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M-60 496 C250 331, 495 476, 765 289 C1010 114, 1175 351, 1400 207' stroke='rgba(201,168,76,0.03)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M-60 165 C310 351, 578 165, 865 393 C1134 608, 1278 371, 1463 557' stroke='rgba(201,168,76,0.03)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M-60 181 C310 367, 578 181, 865 409 C1134 624, 1278 387, 1463 573' stroke='rgba(201,168,76,0.04)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M-60 197 C310 383, 578 197, 865 425 C1134 640, 1278 403, 1463 589' stroke='rgba(201,168,76,0.05)' stroke-width='0.7' fill='none'/%3E%3Cpath d='M-60 213 C310 399, 578 213, 865 441 C1134 656, 1278 419, 1463 605' stroke='rgba(201,168,76,0.06)' stroke-width='0.7' fill='none'/%3E%3Cpath d='M-60 229 C310 415, 578 229, 865 457 C1134 672, 1278 435, 1463 621' stroke='rgba(218,185,95,0.07)' stroke-width='0.8' fill='none' filter='url(%23sg)'/%3E%3Cpath d='M-60 245 C310 431, 578 245, 865 473 C1134 688, 1278 451, 1463 637' stroke='rgba(218,185,95,0.09)' stroke-width='1.0' fill='none' filter='url(%23sg)'/%3E%3Cpath d='M-60 261 C310 447, 578 261, 865 489 C1134 704, 1278 467, 1463 653' stroke='rgba(218,185,95,0.07)' stroke-width='0.8' fill='none' filter='url(%23sg)'/%3E%3Cpath d='M-60 277 C310 463, 578 277, 865 505 C1134 720, 1278 483, 1463 669' stroke='rgba(201,168,76,0.06)' stroke-width='0.7' fill='none'/%3E%3Cpath d='M-60 293 C310 479, 578 293, 865 521 C1134 736, 1278 499, 1463 685' stroke='rgba(201,168,76,0.05)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M-60 309 C310 495, 578 309, 865 537 C1134 752, 1278 515, 1463 701' stroke='rgba(201,168,76,0.03)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M820 900 C970 640, 1110 742, 1255 576 C1360 474, 1400 516, 1463 453' stroke='rgba(201,168,76,0.03)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M820 884 C970 624, 1110 726, 1255 560 C1360 458, 1400 500, 1463 437' stroke='rgba(201,168,76,0.04)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M820 868 C970 608, 1110 710, 1255 544 C1360 442, 1400 484, 1463 421' stroke='rgba(218,185,95,0.06)' stroke-width='0.8' fill='none' filter='url(%23sg)'/%3E%3Cpath d='M820 852 C970 592, 1110 694, 1255 528 C1360 426, 1400 468, 1463 405' stroke='rgba(201,168,76,0.04)' stroke-width='0.6' fill='none'/%3E%3Cpath d='M820 836 C970 576, 1110 678, 1255 512 C1360 410, 1400 452, 1463 389' stroke='rgba(201,168,76,0.03)' stroke-width='0.6' fill='none'/%3E%3C/svg%3E");
}

body::after {
  content: none;
}

/* ===== 3. تصفير خلفيات الأقسام ===== */
.s-block,
.s-block > *,
.s-block > * > *,
section,
[class*="s-block"],
[class*="section"],
[class*="container"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* ===== 4. الهيدر ===== */
.store-header,
.store-header .inner,
[class*="store-header"] {
  background: rgba(248, 240, 232, 0.92) !important;
  background-color: rgba(248, 240, 232, 0.92) !important;
  border-bottom: 1px solid rgba(184, 138, 53, 0.15) !important;
  box-shadow: 0 1px 20px rgba(184, 138, 53, 0.06) !important;
}

/* ===== 5. الناف بار ===== */
.main-nav-container,
.main-nav-container .inner,
.main-nav-container > * {
  background: rgba(248, 240, 232, 0.92) !important;
  background-color: rgba(248, 240, 232, 0.92) !important;
  border-bottom: 1px solid rgba(184, 138, 53, 0.10) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ===== 6. dropdown المستخدم ===== */
.s-user-menu-toggler {
  position: relative !important;
  z-index: 9999 !important;
}

.s-user-menu-trigger {
  background: transparent !important;
  background-color: transparent !important;
}

/* ===== 7. Top bar ===== */
[class*="top-bar"],
[class*="topbar"],
[class*="announcement"] {
  background: rgba(237, 224, 210, 0.95) !important;
  background-color: rgba(237, 224, 210, 0.95) !important;
  color: #5C4A2A !important;
}

/* ===== 8. البانر الرئيسي ===== */
.s-block--default-home-slider,
.s-block--bundle-premium-hero-slider,
[class*="hero-slider"],
[class*="home-slider"] {
  background: transparent !important;
  margin: 1px !important;
  padding: 1px !important;
}

.has-overlay--before::before {
  background: rgba(30, 15, 5, 0.05) !important;
  opacity: 0.25 !important;
}

.s-slider-wrapper h2.text-primary,
.s-slider-wrapper h1.text-primary {
  color: #F0D080 !important;
}

/* ===== 9. اللوجو ===== */
.store-header img,
.store-header img[alt="الفوزان للذهب والمجوهرات"] {
  background: transparent !important;
  background-color: transparent !important;
  mix-blend-mode: multiply !important;
}

.store-header img[alt="الفوزان للذهب والمجوهرات"] {
  height: 140px !important;
}

/* ===== 10. Navbar Hover ===== */
.main-menu li.root-level:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.main-menu li.root-level:hover > a {
  background: transparent !important;
  background-color: transparent !important;
  color: #B88A35 !important;
  border-bottom: 2px solid #B88A35 !important;
  box-shadow: none !important;
}

/* ===== 11. كروت المنتجات ===== */
.product-card .s-product-card-title,
.product-card .s-product-card-title a,
.product-card [class*="product-title"] {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.product-card .s-price,
.product-card [class*="price"] {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.product-card .btn,
.product-card [class*="add-to-cart"],
.product-card [class*="s-product-card-action"] a,
.product-card [class*="s-product-card-action"] button,
.product-card .btn:hover,
.product-card [class*="add-to-cart"]:hover,
.product-card [class*="s-product-card-action"] a:hover,
.product-card [class*="s-product-card-action"] button:hover {
  background: #B88A35 !important;
  background-color: #B88A35 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  opacity: 1 !important;
}

/* ===== 12. زرار إضافة للسلة ===== */
.s-button-primary-outline {
  background: transparent !important;
  background-color: transparent !important;
  border: 1.5px solid #B88A35 !important;
  color: #B88A35 !important;
}

.s-button-primary-outline .s-button-text,
.s-button-primary-outline .s-button-text * {
  color: #B88A35 !important;
}

.s-button-primary-outline:hover,
.s-button-primary-outline:focus {
  background: #B88A35 !important;
  background-color: #B88A35 !important;
  border-color: #B88A35 !important;
  color: #fff !important;
}

.s-button-primary-outline:hover .s-button-text,
.s-button-primary-outline:hover .s-button-text * {
  color: #fff !important;
}

/* ===== 13. قسم المميزات ===== */
.s-block--features__item {
  background: rgba(253, 248, 242, 0.55) !important;
  border: 1px solid rgba(184, 138, 53, 0.15) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  backdrop-filter: blur(8px) !important;
}

.s-block--features__item svg,
.s-block--features__item i,
.s-block--features__item [class*="icon"] {
  color: #B88A35 !important;
  fill: #B88A35 !important;
  stroke: #B88A35 !important;
}

.s-block--features__item h3,
.s-block--features__item p {
  color: #3D2B1F !important;
}

/* ===== 14. الأسعار والأزرار ===== */
.s-price,
[class*="price"] {
  color: #B88A35 !important;
}

.btn-primary,
[class*="btn-primary"],
.s-btn-primary {
  background: #B88A35 !important;
  border-color: #B88A35 !important;
  color: #fff !important;
}

.btn-primary:hover,
[class*="btn-primary"]:hover {
  background: #9A7228 !important;
  border-color: #9A7228 !important;
}

/* ===== 15. فاصل بين الأقسام ===== */
.s-block + .s-block {
  border-top: 1px solid rgba(184, 138, 53, 0.07) !important;
}

/* ===== 16. الفوتر ===== */
.store-footer {
  background: #EAD9C4 !important;
  border-top: none !important;
  position: relative !important;
  margin-top: 30px !important;
  color: #3D2B1F !important;
}

.store-footer::before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 31px;
  background: #EAD9C4;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 Q720 0 1440 30 L1440 30 L0 30 Z' fill='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 Q720 0 1440 30 L1440 30 L0 30 Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.store-footer img {
  background: transparent !important;
  mix-blend-mode: multiply !important;
}

/* ===== 17. Landing footer ===== */
.s-block-trust-landing-footer,
.s-block-trust-landing-footer__wrapper {
  background: transparent !important;
  background-color: transparent !important;
}

.header-components {
  background: rgba(248, 240, 232, 0.92) !important;
  background-color: rgba(248, 240, 232, 0.92) !important;
}
.store-footer .footer-logo img {
  width: 150px !important;
  height: 150px !important;
  max-width: 150px !important;
  max-height: 150px !important;
}

@media (max-width: 767px) {
  header.store-header #mainnav,
  header.store-header .main-nav-container {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    overflow: visible !important;
  }

  header.store-header .menu-fixed-bar {
    display: none !important;
  }
}

/* =========================================================================
   مربعات طرق الدفع - هوية متجر الفوزان (عاجي دافئ + لمسات ذهبية)
   ========================================================================= */

.afz-payment-methods {
  --afz-ivory: #FBF6EC;
  --afz-ivory-dark: #F2E9D8;
  --afz-gold: #B8912F;
  --afz-gold-light: #D9B96C;
  --afz-gold-dark: #8F6F1E;
  --afz-text: #3A2E1A;
  --afz-text-soft: #7A6A4C;

  margin-block: 20px;
  font-family: inherit;
}

.afz-payment-methods__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--afz-text-soft);
  margin-bottom: 10px;
  text-align: center;
}

.afz-payment-methods__grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.afz-payment-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: var(--afz-ivory);
  border: 1px solid var(--afz-ivory-dark);
  border-radius: 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.afz-payment-card:hover {
  border-color: var(--afz-gold-light);
  box-shadow: 0 2px 10px rgba(184, 145, 47, 0.12);
}

.afz-payment-card--best {
  background: linear-gradient(135deg, var(--afz-ivory) 0%, #F6EAC9 100%);
  border: 1px solid var(--afz-gold);
  box-shadow: 0 2px 12px rgba(184, 145, 47, 0.2);
}

.afz-payment-card__badge {
  position: absolute;
  top: -10px;
  right: 14px;
  background: var(--afz-gold);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(143, 111, 30, 0.35);
}

.afz-payment-card__info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

.afz-payment-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.afz-payment-card__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.afz-payment-card__label {
  font-size: 14px;
  font-weight: 600;
  color: var(--afz-text);
  white-space: nowrap;
}

.afz-payment-card__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}

.afz-payment-card__amount {
  font-size: 14px;
  font-weight: 700;
  color: var(--afz-text);
  white-space: nowrap;
}

.afz-payment-card__sub {
  font-size: 11px;
  white-space: nowrap;
}

.afz-payment-card__sub.muted {
  color: var(--afz-text-soft);
}

.afz-payment-card__sub.save {
  font-weight: 600;
  color: #2E7D4F;
  background: rgba(46, 125, 79, 0.08);
  padding: 2px 8px;
  border-radius: 999px;
}

.afz-payment-card--best .afz-payment-card__amount {
  color: var(--afz-gold-dark);
}

/* شاشات أوسع: عرض المربعات جنب بعض بدل تحت بعض */
@media (min-width: 768px) {
  .afz-payment-methods__grid {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .afz-payment-card {
    flex: 1 1 calc(50% - 5px);
    min-width: 220px;
  }
}

/* ===== صف "متوفر" ===== */
.afz-stock {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  color: #3ca768;
  font-size: 13px;
  margin: 10px 0 10px;
}

.afz-stock svg {
  width: 14px;
  height: 14px;
  display: block;
}

/* ===== صف تابي (التقسيط) ===== */
.afz-tabby {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid var(--afz-ivory-dark, #F2E9D8);
  border-radius: 8px;
  background: #fff;
}

.afz-tabby-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px 3px;
  border-radius: 4px;
  background: #41e5a8;
  color: #142d24;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  flex: 0 0 auto;
}

.afz-tabby-text {
  color: #444;
  font-size: 12px;
  line-height: 1.55;
}

.afz-tabby-link {
  color: var(--afz-gold-dark, #8F6F1E);
  text-decoration: underline;
}

/* ===== تنسيق أزرار المنتج (إضافة للسلة / اشتري الآن) ===== */
.afz-product-form {
  position: relative;
}

.afz-product-form .form-actions,
.afz-product-form .product-form__buttons,
.afz-product-form .product-form-buttons,
.afz-product-form .buy-buttons,
.afz-product-form .s-product-actions,
.afz-product-form .product-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.afz-product-form .btn,
.afz-product-form button,
.afz-product-form a[role="button"] {
  transition: all 0.18s ease;
}

/* زر إضافة للسلة - الذهبي */
.afz-product-form .btn--add-to-cart,
.afz-product-form .s-button-element--primary,
.afz-product-form button[type="submit"] {
  border-radius: 0 !important;
  min-height: 38px !important;
  background: #d5aa45 !important;
  border: 1px solid #c79d39 !important;
  color: #8a6a1e !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.afz-product-form .btn--add-to-cart:hover,
.afz-product-form .s-button-element--primary:hover,
.afz-product-form button[type="submit"]:hover {
  background: #c99d34 !important;
  border-color: #bc9028 !important;
  color: #7b5c16 !important;
}

/* زر اشتري الآن - أوتلاين */
.afz-product-form .btn--buy-now,
.afz-product-form .btn--outline-primary,
.afz-product-form .btn--secondary {
  border-radius: 0 !important;
  min-height: 38px !important;
  background: #fff !important;
  border: 1px solid #d5aa45 !important;
  color: #a07b22 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.afz-product-form .btn--buy-now:hover,
.afz-product-form .btn--outline-primary:hover,
.afz-product-form .btn--secondary:hover {
  background: #fffaf0 !important;
  border-color: #c89d39 !important;
  color: #8f6d1c !important;
}

/* =========================================================================
   قطعة إضافية منفصلة: إخفاء الهيدر (store-header) في نسخة الجوال فقط
   ========================================================================= */
@media (max-width: 767px) {
  .store-header {
    display: none !important;
  }
}
/* ===== ثلاثة مربعات جنب بعض على كل المقاسات ===== */
.afz-payment-methods__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}

.afz-payment-methods__grid .afz-payment-card {
  flex: none !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 12px 10px !important;
  text-align: right !important;
}

.afz-payment-card__info {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  width: 100% !important;
}

.afz-payment-card__label {
  white-space: normal !important;
  line-height: 1.35 !important;
}

.afz-payment-card__price {
  align-items: flex-start !important;
  width: 100% !important;
}

.afz-payment-card__amount {
  white-space: normal !important;
}

.afz-payment-card__sub {
  white-space: normal !important;
  line-height: 1.4 !important;
}

/* تصغير مناسب على الجوال عشان الثلاثة يبانوا مظبوطين */
@media (max-width: 640px) {
  .afz-payment-methods__grid {
    gap: 6px !important;
  }

  .afz-payment-methods__grid .afz-payment-card {
    padding: 10px 7px !important;
  }

  .afz-payment-card__label {
    font-size: 11.5px !important;
  }

  .afz-payment-card__amount {
    font-size: 12.5px !important;
  }

  .afz-payment-card__sub {
    font-size: 9.5px !important;
    padding: 2px 5px !important;
  }

  .afz-payment-card__icon {
    width: 18px !important;
    height: 18px !important;
  }

  .afz-payment-card__badge {
    font-size: 9px !important;
    padding: 2px 6px !important;
    right: 8px !important;
  }
}
/* ===== الجوال: كل مربع في سطر كامل بخط أوضح ===== */
@media (max-width: 767px) {
  .afz-payment-methods__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .afz-payment-methods__grid .afz-payment-card {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 14px !important;
  }

  .afz-payment-card__info {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
  }

  .afz-payment-card__price {
    align-items: flex-start !important;
    width: auto !important;
  }

  .afz-payment-card__icon {
    width: 24px !important;
    height: 24px !important;
  }

  .afz-payment-card__label {
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  .afz-payment-card__amount {
    font-size: 17px !important;
    white-space: nowrap !important;
  }

  .afz-payment-card__badge {
    font-size: 11px !important;
    padding: 3px 10px !important;
    right: 12px !important;
  }

  .afz-payment-methods__title {
    font-size: 15px !important;
  }

  .afz-stock {
    font-size: 14px !important;
  }

  .afz-stock svg {
    width: 16px !important;
    height: 16px !important;
  }
}