/* Luqma / لقمة — native Salla pages, 6 Nov 2026.
   Replaces the legacy Waei / purple / dark-product CSS.
   Original controls, cart behavior and checkout remain owned by Salla. */
:root, body.theme-raed {
  --luqma-yellow: #ffc83d;
  --luqma-pink: #ffb3c6;
  --luqma-cream: #fff6e9;
  --luqma-cocoa: #2a1b14;
  --luqma-muted: #695343;
  --color-primary: #ffc83d;
  --color-primary-dark: #efb522;
  --color-primary-light: #ffe39a;
  --color-primary-reverse: #2a1b14;
  --s-radius: 1rem;
}
body.theme-raed { background: var(--luqma-cream); color: var(--luqma-cocoa); }
body:not(.index) #main-content { color: var(--luqma-cocoa); }
body:not(.index) .text-primary { color: var(--luqma-cocoa); }
body:not(.index) .breadcrumbs { color: var(--luqma-muted); }
body:not(.index) .s-breadcrumb-item a { color: var(--luqma-muted); }
body:not(.index) .s-button-primary,
body:not(.index) .btn--primary {
  background: var(--luqma-yellow); border-color: var(--luqma-cocoa); color: var(--luqma-cocoa);
}
body:not(.index) .s-button-primary:hover { background: #ffd465; }
body:not(.index) .s-button-primary:focus-visible,
body:not(.index) .s-form-control:focus-visible { outline: 3px solid var(--luqma-pink); outline-offset: 3px; }

/* The native header on cart, product and policy pages. */
.store-header .main-nav-container,
.store-header .inner,
.store-header .top-navbar { background: var(--luqma-cream); color: var(--luqma-cocoa); }
.store-header .main-nav-container { border-bottom: 1px solid #2a1b1420; }
.store-header .navbar-brand img { max-height: 56px; width: auto; object-fit: contain; }
.store-header .sicon-menu,
.store-header .sicon-shopping-bag,
.store-header .sicon-user-circle { color: var(--luqma-cocoa); }
.store-header .header-btn,
.store-header .s-user-menu-trigger { color: var(--luqma-cocoa); border-color: #2a1b1430; }
.store-header .s-cart-summary-count { color: var(--luqma-cocoa); background: var(--luqma-yellow); border: 1px solid var(--luqma-cocoa); }

/* Cart: clear hierarchy, readable options, one coherent order card. */
body.cart #main-content > .container { padding-top: 8px; }
body.cart .breadcrumbs { padding-block: 12px; }
body.cart #main-content > .container > h1.sr-only {
  position: static; width: auto; height: auto; padding: 0; margin: 8px 0 0;
  overflow: visible; clip: auto; white-space: normal; font-size: 28px; font-weight: 800; line-height: 1.5;
}
body.cart .main-content { background: transparent; color: var(--luqma-cocoa); padding: 0; box-shadow: none; min-width: 0; }
body.cart .cart-item {
  background: #fffdfa; color: var(--luqma-cocoa); border: 1.5px solid var(--luqma-cocoa);
  border-radius: 22px; padding: 24px; box-shadow: 4px 5px 0 #ffb3c6; margin-bottom: 24px;
}
body.cart .cart-item h1 { color: var(--luqma-cocoa); font-weight: 800; font-size: 17px; line-height: 1.7; }
body.cart .cart-item h1 a { font-size: inherit; }
body.cart .cart-item img { border: 1px solid #2a1b1426; border-radius: 12px; background: var(--luqma-cream); }
body.cart .cart-item .item-price { color: var(--luqma-muted); font-weight: 600; }
body.cart .cart-item .item-total { color: var(--luqma-cocoa); font-weight: 800; }
body.cart .cart-item .border-gray-200 { border-color: #2a1b1426; }
body.cart .s-product-options-wrapper { padding: 0; background: transparent; }
body.cart .s-product-options-option-container { margin-bottom: 18px; }
body.cart .s-product-options-option-label { color: var(--luqma-cocoa); font-size: 15px; font-weight: 700; }
body.cart .s-product-options-option-label small,
body.cart .s-product-options-option-label p { color: var(--luqma-muted); }
body.cart .s-form-control,
body.cart .form-input {
  background-color: #fff; color: var(--luqma-cocoa); border: 1px solid #2a1b1445;
  border-radius: 12px; min-height: 48px; font-size: 16px; box-shadow: none;
}
body.cart .s-form-control:focus,
body.cart .form-input:focus { border-color: var(--luqma-cocoa); outline-color: var(--luqma-yellow); }
body.cart .cart-item > section.bg-white { background: var(--luqma-cream); color: var(--luqma-cocoa); border: 1px solid #2a1b1420; border-radius: 14px; margin-bottom: 0; padding: 16px; }
body.cart .cart-item .form-label { color: var(--luqma-cocoa); }
body.cart .cart-item .btn-tab { background: #fff; border: 1px solid #2a1b1445; border-radius: 10px; color: var(--luqma-cocoa); }
body.cart .cart-item button[aria-label="Remove from the cart"] { background: #ffe6e7; color: #9f2431; }
body.cart .s-cart-summary-card { color: var(--luqma-cocoa); }
body.cart .s-cart-summary-card-sheet,
body.cart .s-cart-summary-card-bar { background: #fffdfa; color: var(--luqma-cocoa); border-color: #2a1b1430; }
body.cart .s-cart-summary-card-sheet-title,
body.cart .s-cart-summary-card-line,
body.cart .s-cart-summary-card-line b,
body.cart .s-cart-summary-card-bar-total,
body.cart .s-cart-summary-card-bar-label-main,
body.cart .s-cart-summary-card-bar-label-text { color: var(--luqma-cocoa); }
body.cart .s-cart-summary-card-bar-count { color: var(--luqma-muted); }
body.cart #s-cart-summary-card-submit button {
  min-height: 52px; border: 1.5px solid var(--luqma-cocoa); border-radius: 14px;
  background: var(--luqma-yellow); color: var(--luqma-cocoa); font-size: 18px; font-weight: 800;
  box-shadow: 0 3px 0 var(--luqma-cocoa);
}
body.cart #s-cart-summary-card-submit button:disabled { opacity: .55; box-shadow: none; }
body.cart #s-cart-summary-card-submit button:hover:not(:disabled) { background: #ffd465; }

/* Footer: genuine Luqma wordmark, clean links and compact mobile spacing. */
body.theme-raed footer.store-footer,
.footer-is-light .store-footer .store-footer__inner,
.footer-is-dark .store-footer .store-footer__inner {
  background: var(--luqma-cocoa); color: var(--luqma-cream); border: 0;
}
.store-footer { margin-top: 32px; }
.store-footer .store-footer__inner { padding: 36px 0 28px; }
.store-footer .store-footer__inner > .container { gap: 28px; }
.store-footer .store-footer__inner a.flex.items-center.m-0 { display: inline-flex; margin-bottom: 12px; }
.store-footer .store-footer__inner a.flex.items-center.m-0 h3 {
  color: var(--luqma-yellow); font-size: 40px; font-weight: 900; line-height: 1.3; margin: 0;
}
.store-footer h3,
.store-footer .s-contacts-title { color: var(--luqma-pink); font-size: 18px; font-weight: 800; margin-bottom: 12px; }
.store-footer .max-w-sm { font-size: 14px; line-height: 1.95; color: #f5e4d6; margin-bottom: 16px; }
.store-footer .s-menu-footer-item,
.store-footer .s-contacts-item { color: var(--luqma-cream); font-size: 14px; line-height: 1.8; }
.store-footer .s-menu-footer-item { padding-block: 6px; }
.store-footer a:hover { color: var(--luqma-yellow); }
.store-footer .s-contacts-icon { color: var(--luqma-yellow); border-color: #fff6e940; }
.store-footer .s-social-link { color: var(--luqma-cream); border-color: #fff6e940; }
.store-footer .copyright-text,
.store-footer .copyright-text p,
.store-footer .dev-link { color: #d8c4b5; font-size: 12px; line-height: 1.8; }
.store-footer .copyright-text a { color: var(--luqma-cream); }
.store-footer > .container { border-top: 1px solid #fff6e924; gap: 16px; }
.store-footer .s-payments-list-item { background: #fffdfa; border-radius: 8px; }
.store-footer salla-apps-icons:empty { display: none; }

@media (min-width: 1024px) {
  body.cart .s-cart-summary-card { border: 1.5px solid var(--luqma-cocoa); border-radius: 20px; background: #fffdfa; box-shadow: 3px 4px 0 var(--luqma-pink); }
  body.cart .s-cart-summary-card-sheet { border: 0; border-radius: 0; }
  body.cart .s-cart-summary-card-bar { border-radius: 16px; }
}
@media (max-width: 767px) {
  .store-header .navbar-brand img { max-height: 45px; }
  body.cart #main-content > .container { padding-inline: 16px; }
  body.cart #main-content > .container > h1.sr-only { font-size: 25px; }
  body.cart .cart-item { padding: 18px 16px; border-radius: 19px; box-shadow: 3px 4px 0 var(--luqma-pink); }
  body.cart .cart-item h1 { font-size: 15px; line-height: 1.7; padding-inline-end: 14px; }
  body.cart .cart-item > div:first-of-type { margin-bottom: 20px; }
  body.cart .s-product-options-option-container { margin-bottom: 16px; }
  body.cart .s-product-options-option-label { margin-bottom: 6px; }
  body.cart .s-cart-summary-card-bar { border-top: 1.5px solid var(--luqma-cocoa); border-radius: 22px 22px 0 0; box-shadow: 0 -5px 20px #2a1b1410; }
  body.cart .s-cart-summary-card-bar-label-text { font-size: 18px; }
  body.cart .s-cart-summary-card-bar-count { font-size: 12px; }
  body.cart .s-cart-summary-card-bar-total { font-size: 21px; }
  body.cart .store-footer { padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px)); }
  .store-footer .store-footer__inner { padding: 28px 0 22px; }
  .store-footer .store-footer__inner > .container { gap: 24px; text-align: right; }
  .store-footer .store-footer__inner a.flex.items-center.m-0 h3 { font-size: 37px; }
  .store-footer .max-w-sm { max-width: none; margin-bottom: 0; }
  .store-footer .s-menu-footer-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px 12px; }
  .store-footer .s-menu-footer-item { font-size: 13px; }
  .store-footer .s-contacts-list { gap: 8px; }
  .store-footer > .container { padding-block: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  body.cart *, body.cart *::before, body.cart *::after { scroll-behavior: auto !important; }
}