/* =========================================================
   SRG Modern refresh — 2026-09-30
   Visual-only layer for the homepage + login/register forms.
   Remove the loader in wp-content/novamira-sandbox/srg-modern-ui.php to revert.
   ========================================================= */
:root{
  --srg-pink:#E63B7A;
  --srg-pink-2:#EE3E81;
  --srg-soft:#FFF4F8;
  --srg-soft-2:#FCE1EC;
  --srg-line:#F4E2EA;
  --srg-dark:#33353F;
  --srg-muted:#7A7C86;
  --srg-grad:linear-gradient(135deg,#F0508C 0%,#E63B7A 55%,#D42F6C 100%);
  --srg-shadow:0 18px 40px -20px rgba(230,59,122,.45);
  --srg-shadow-soft:0 6px 24px -12px rgba(51,53,63,.18);
}

/* ---------- Header: Login / Register as pills (all pages) ---------- */
.whb-header .xoo-el-login-tgr > a.woodmart-nav-link,
.whb-header .xoo-el-reg-tgr > a.woodmart-nav-link{
  padding:8px 18px !important;border-radius:999px;line-height:1.2;
  transition:all .25s ease;font-weight:600;
}
.whb-header .xoo-el-login-tgr > a.woodmart-nav-link{border:1.5px solid var(--srg-line);color:var(--srg-dark);}
.whb-header .xoo-el-login-tgr > a.woodmart-nav-link:hover{border-color:var(--srg-pink);color:var(--srg-pink);}
.whb-header .xoo-el-reg-tgr > a.woodmart-nav-link{background:var(--srg-grad);color:#fff !important;box-shadow:0 8px 18px -10px rgba(230,59,122,.7);}
.whb-header .xoo-el-reg-tgr > a.woodmart-nav-link:hover{transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(230,59,122,.8);}
.whb-header .xoo-el-reg-tgr > a.woodmart-nav-link .nav-link-text,
.whb-header .xoo-el-reg-tgr > a.woodmart-nav-link span{color:#fff !important;}

/* ---------- Homepage base ---------- */
body.home .main-page-wrapper{
  background:
    radial-gradient(900px 420px at 85% 0%, rgba(252,225,236,.55), transparent 70%),
    radial-gradient(700px 380px at 5% 55%, rgba(252,225,236,.35), transparent 70%),
    #fff;
}

/* Hero slider */
body.home .elementor-element-48a7016 .wd-slider,
body.home .elementor-element-48a7016 .wd-carousel-inner{
  border-radius:28px;overflow:hidden;
}
body.home .elementor-element-48a7016 .wd-slider{
  box-shadow:0 30px 60px -30px rgba(51,53,63,.55), 0 0 0 1px rgba(255,255,255,.6) inset;
}
body.home .elementor-element-48a7016 .wd-slide{position:relative;}
body.home .elementor-element-48a7016 .wd-slide::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(0deg, rgba(51,53,63,.55) 0%, rgba(51,53,63,.08) 45%, transparent 70%);
}
body.home .elementor-element-48a7016 .wd-slide-container{position:relative;z-index:2;}
body.home .elementor-element-48a7016 .btn,
body.home .elementor-element-48a7016 .elementor-button{
  border-radius:999px !important;background:var(--srg-grad) !important;border:0 !important;
  padding:14px 30px !important;font-weight:700 !important;font-size:15px !important;
  box-shadow:0 14px 28px -12px rgba(230,59,122,.9);transition:transform .25s ease, box-shadow .25s ease;
}
body.home .elementor-element-48a7016 .btn:hover,
body.home .elementor-element-48a7016 .elementor-button:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(230,59,122,1);}
body.home .elementor-element-48a7016 .wd-btn-arrow{
  width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.35);color:#fff;transition:background .25s ease;
}
body.home .elementor-element-48a7016 .wd-btn-arrow:hover{background:var(--srg-pink);border-color:var(--srg-pink);}
body.home .elementor-element-48a7016 .wd-nav-pagin li span{
  width:9px;height:9px;border:0 !important;background:rgba(255,255,255,.55) !important;transition:all .3s ease;border-radius:99px;
}
body.home .elementor-element-48a7016 .wd-nav-pagin li.active span{width:28px;background:#fff !important;}

/* Section title “تصفح منتجاتنا” */
body.home .elementor-element-02a57df .title-wrapper{position:relative;padding-bottom:14px;}
body.home .elementor-element-02a57df .title{color:var(--srg-dark);font-weight:800 !important;}
body.home .elementor-element-02a57df .title-wrapper::after{
  content:"";position:absolute;bottom:0;left:0;right:auto;width:64px;height:4px;border-radius:4px;background:var(--srg-grad);
}

/* Product cards */
body.home .elementor-element-e151358 .wd-product .product-wrapper{
  height:100%;background:#fff;border:1px solid var(--srg-line);border-radius:22px;
  padding:10px 10px 18px;box-shadow:var(--srg-shadow-soft);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
body.home .elementor-element-e151358 .wd-product:hover .product-wrapper{
  transform:translateY(-6px);border-color:var(--srg-soft-2);box-shadow:0 22px 44px -22px rgba(230,59,122,.45);
}
body.home .elementor-element-e151358 .product-element-top{
  border-radius:16px;overflow:hidden;background:#FAF6F8;margin-bottom:14px;
}
body.home .elementor-element-e151358 .product-image-link img{transition:transform .6s cubic-bezier(.2,.8,.2,1);}
body.home .elementor-element-e151358 .wd-product:hover .product-image-link img{transform:scale(1.06);}
body.home .elementor-element-e151358 .wd-buttons .wd-action-btn > a{
  background:rgba(255,255,255,.92);border-radius:50%;box-shadow:0 6px 14px -8px rgba(51,53,63,.4);
}
body.home .elementor-element-e151358 .wd-entities-title{
  font-size:15px;font-weight:600;line-height:1.5;color:var(--srg-dark);padding:0 6px;
}
body.home .elementor-element-e151358 .wd-entities-title a{color:inherit;}
body.home .elementor-element-e151358 .star-rating{opacity:.45;transform:scale(.9);}
body.home .elementor-element-e151358 .price{font-size:17px;font-weight:800;color:var(--srg-pink) !important;}
body.home .elementor-element-e151358 .price *{color:inherit !important;}
body.home .elementor-element-e151358 .wd-add-btn .button{
  border-radius:999px !important;background:var(--srg-grad) !important;color:#fff !important;border:0 !important;
  padding:9px 22px !important;min-height:0;line-height:1.4 !important;font-weight:700 !important;font-size:13px !important;
  box-shadow:0 10px 20px -12px rgba(230,59,122,.9);transition:transform .25s ease, box-shadow .25s ease;
}
body.home .elementor-element-e151358 .wd-add-btn .button:hover{transform:translateY(-2px);box-shadow:0 14px 24px -12px rgba(230,59,122,1);}

/* Promo banner (bags) as a soft card */
body.home .elementor-element-08cb303{
  background:linear-gradient(135deg,#FFF6FA 0%,#FCE3EE 100%);
  border-radius:32px;padding:36px 24px 0;overflow:hidden;border:1px solid var(--srg-line);
  box-shadow:0 24px 50px -30px rgba(230,59,122,.45);
}
body.home .elementor-element-08cb303 img{transition:transform .6s cubic-bezier(.2,.8,.2,1);}
body.home .elementor-element-08cb303:hover img{transform:scale(1.03);}

/* Divider -> soft gradient line */
body.home .elementor-element-2db96f3 .elementor-divider-separator{
  border:0 !important;height:2px;background:linear-gradient(90deg,transparent,var(--srg-pink),transparent) !important;
}

/* Features (icon boxes) as cards */
body.home .elementor-element-00930df{gap:24px !important;}
body.home .elementor-element-00930df .elementor-widget-icon-box,
body.home .elementor-element-00930df .elementor-widget-icon-box > .elementor-widget-container{border:0 !important;}
body.home .elementor-element-00930df .elementor-widget-icon-box{
  background:#fff;border:1px solid var(--srg-line) !important;border-radius:24px !important;
  padding:34px 22px !important;box-shadow:var(--srg-shadow-soft);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
body.home .elementor-element-00930df .elementor-widget-icon-box:hover{transform:translateY(-6px);box-shadow:0 22px 44px -22px rgba(230,59,122,.45);}
body.home .elementor-element-00930df .elementor-icon-box-icon{margin-bottom:18px !important;}
body.home .elementor-element-00930df .elementor-icon{
  width:78px;height:78px;border-radius:50%;display:inline-flex !important;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#FFEAF2,#FBD2E3);box-shadow:0 10px 22px -14px rgba(230,59,122,.8);
}
body.home .elementor-element-00930df .elementor-icon svg{width:36px !important;height:36px !important;}
body.home .elementor-element-00930df .elementor-icon-box-title{font-weight:800 !important;font-size:20px !important;margin-bottom:6px !important;}
body.home .elementor-element-00930df .elementor-icon-box-description{color:var(--srg-muted) !important;}

@media (max-width:767px){
  body.home .elementor-element-48a7016 .wd-slider,
  body.home .elementor-element-48a7016 .wd-carousel-inner{border-radius:20px;}
  body.home .elementor-element-e151358 .wd-product .product-wrapper{border-radius:18px;padding:8px 8px 14px;}
  body.home .elementor-element-e151358 .wd-entities-title{font-size:13px;}
  body.home .elementor-element-e151358 .price{font-size:15px;}
  body.home .elementor-element-e151358 .wd-add-btn .button{padding:9px 14px !important;font-size:12px !important;min-height:36px;}
  body.home .elementor-element-08cb303{border-radius:22px;padding:22px 14px 0;}
  body.home .elementor-element-00930df{gap:14px !important;}
  body.home .elementor-element-00930df .elementor-widget-icon-box{padding:26px 18px !important;}
}

/* =========================================================
   Login / Register (popup + inline on /my-account)
   ========================================================= */
.xoo-el-opac{background:rgba(51,53,63,.55) !important;opacity:1 !important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.xoo-el-inmodal{
  width:480px !important;max-width:calc(100vw - 32px) !important;height:auto !important;max-height:calc(100vh - 40px);
  border-radius:28px !important;overflow:hidden auto;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.5) !important;
}
.xoo-el-wrap{height:auto !important;}
.xoo-el-sidebar{display:none !important;}
.xoo-el-main{width:100% !important;padding:0 !important;}
.xoo-el-close{
  top:16px !important;inset-inline-end:16px !important;right:auto;width:34px;height:34px;border-radius:50%;
  display:flex !important;align-items:center;justify-content:center;font-size:12px !important;
  background:rgba(255,255,255,.25) !important;color:#fff !important;backdrop-filter:blur(6px);z-index:5;transition:background .2s ease;
}
.xoo-el-close:hover{background:rgba(255,255,255,.45) !important;}
html[dir=rtl] .xoo-el-close{left:16px !important;right:auto !important;}
html[dir=ltr] .xoo-el-close{right:16px !important;left:auto !important;}

/* Branded header band (popup only) */
.xoo-el-form-popup::before{
  content:"";display:block;height:130px;margin:0 0 -34px;
  background:
    url("/wp-content/uploads/2025/08/Sparkle-removebg-preview.png") center 40%/auto 78px no-repeat,
    radial-gradient(120% 140% at 100% 0%, #FCE1EC 0%, #FFF6FA 55%, #fff 100%);
  }
.xoo-el-form-popup{padding-bottom:30px;}
.xoo-el-form-popup .xoo-el-header{position:relative;z-index:2;}

/* Inline form on /my-account -> card */
.xoo-el-form-inline{
  max-width:480px;margin:10px auto 40px !important;background:#fff;border:1px solid var(--srg-line);
  border-radius:28px;padding:34px 32px 30px !important;box-shadow:0 30px 70px -40px rgba(230,59,122,.55);
}
.xoo-el-form-inline::before{
  content:"";display:block;height:70px;margin-bottom:18px;
  background:url("/wp-content/uploads/2025/08/Sparkle-removebg-preview.png") center/auto 70px no-repeat;
}

/* Tabs -> segmented pill */
.xoo-el-form-container ul.xoo-el-tabs{
  display:flex !important;gap:4px;padding:5px !important;margin:0 0 26px !important;
  background:#F6EEF2 !important;border:0 !important;border-radius:999px !important;box-shadow:0 8px 20px -14px rgba(51,53,63,.35);
}
.xoo-el-form-container ul.xoo-el-tabs li{
  flex:1;text-align:center;margin:0 !important;border:0 !important;border-radius:999px !important;
  background:transparent !important;color:var(--srg-dark) !important;
  padding:11px 12px !important;font-size:15px !important;font-weight:700;cursor:pointer;transition:all .25s ease;
}
.xoo-el-form-container ul.xoo-el-tabs li:not(.xoo-el-active):hover{color:var(--srg-pink) !important;}
.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active{
  background:var(--srg-grad) !important;color:#fff !important;box-shadow:0 10px 20px -10px rgba(230,59,122,.85);
}

/* Fields */
.xoo-el-form-container .xoo-aff-group{margin-bottom:16px !important;}
.xoo-el-form-container .xoo-aff-input-group{
  display:flex;align-items:stretch;border:1.5px solid #EDE3E8 !important;border-radius:14px !important;
  background:#FCFAFB;overflow:hidden;transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.xoo-el-form-container .xoo-aff-input-group:focus-within{
  border-color:var(--srg-pink) !important;background:#fff;box-shadow:0 0 0 4px rgba(230,59,122,.12);
}
.xoo-el-form-container .xoo-aff-input-group input,
.xoo-el-form-container .xoo-aff-input-group select{
  border:0 !important;background:transparent !important;box-shadow:none !important;height:52px !important;
  font-size:15px !important;color:var(--srg-dark) !important;outline:none !important;
}
.xoo-el-form-container .xoo-aff-input-group input::placeholder{color:#A6A8B0;}
.xoo-el-form-container .xoo-aff-input-icon{
  background:transparent !important;border:0 !important;color:var(--srg-pink) !important;
  min-width:48px;display:flex !important;align-items:center;justify-content:center;font-size:15px;
}
.xoo-el-form-container .xoo-aff-pw-toggle{color:#A6A8B0;}
.xoo-el-form-container .xoo-aff-pw-toggle:hover{color:var(--srg-pink);}

/* Remember / forgot row */
.xoo-el-form-container .xoo-el-login-btm-fields{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px !important;}
.xoo-el-form-container input[type=checkbox]{accent-color:var(--srg-pink);width:16px;height:16px;}
.xoo-el-form-container .xoo-el-form-label{color:var(--srg-muted);font-size:14px;}
.xoo-el-form-container a.xoo-el-lostpw-tgr,
.xoo-el-form-container a.xoo-el-login-tgr,
.xoo-el-form-container .xoo-el-section a{color:var(--srg-pink) !important;font-weight:600;font-size:14px;}

/* Submit button */
.xoo-el-form-container button.button.btn,
.xoo-el-form-container .xoo-el-action-btn{
  width:100% !important;margin:0 !important;height:54px !important;border:0 !important;border-radius:14px !important;
  background:var(--srg-grad) !important;color:#fff !important;font-size:16px !important;font-weight:800 !important;
  box-shadow:0 16px 30px -14px rgba(230,59,122,.95);transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.xoo-el-form-container button.button.btn:hover,
.xoo-el-form-container .xoo-el-action-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 20px 34px -14px rgba(230,59,122,1);}

/* Notices */
.xoo-el-form-container .xoo-el-notice .xoo-el-notice-error,
.xoo-el-form-container .xoo-el-notice .xoo-el-notice-success{border-radius:12px;}

@media (max-width:480px){
  .xoo-el-form-popup .xoo-el-header,.xoo-el-form-popup .xoo-el-section{padding:0 20px !important;}
  .xoo-el-form-inline{padding:26px 20px 24px !important;border-radius:22px;}
  .xoo-el-form-popup::before{height:110px;background-size:auto 64px, cover;}
}

/* --- fixes v2 --- */
body.home .elementor-element-e151358 .wd-product{display:flex;}
body.home .elementor-element-e151358 .wd-product .product-wrapper{display:flex;flex-direction:column;flex:1;width:100%;}
body.home .elementor-element-e151358 .wd-product .wd-add-btn{margin-top:auto;padding-top:6px;}
body.home .elementor-element-e151358 .product-image-link{display:block;aspect-ratio:1/1;}
body.home .elementor-element-e151358 .product-image-link img{width:100%;height:100% !important;object-fit:cover;}
body.home .elementor-element-e151358 .wd-entities-title{min-height:3em;display:flex;align-items:center;justify-content:center;}
body.home .elementor-element-08cb303{padding:30px 24px !important;}
body.home .elementor-element-08cb303 img{mix-blend-mode:multiply;border-radius:20px;}
body.home .elementor-element-00930df .elementor-icon svg{filter:invert(33%) sepia(86%) saturate(2400%) hue-rotate(318deg) brightness(93%) contrast(92%);}
body.home .elementor-element-02a57df{margin-bottom:12px;}
/* --- login fixes v3 --- */
.xoo-el-form-popup .xoo-el-header,
.xoo-el-form-popup .xoo-el-section{padding:0 32px !important;box-sizing:border-box;}
.xoo-el-form-inline .xoo-el-section{padding:0 !important;}
.xoo-el-form-container .xoo-el-fields,
.xoo-el-form-container form{width:100%;}
.xoo-el-form-container button.button.btn{box-sizing:border-box;inset:auto !important;}
.xoo-el-close{background:#fff !important;color:var(--srg-dark) !important;box-shadow:0 6px 16px -8px rgba(51,53,63,.45);}
.xoo-el-close:hover{background:var(--srg-pink) !important;color:#fff !important;}
.xoo-el-form-popup::before{margin-bottom:-26px !important;}
.xoo-el-form-container .xoo-aff-group{width:100% !important;max-width:100% !important;flex-basis:100% !important;padding-inline:0 !important;margin-inline:0 !important;}
.xoo-el-form-container .xoo-el-fields-cont{margin-inline:0 !important;}
.xoo-el-inmodal{scrollbar-width:thin;scrollbar-color:#F9C4DF transparent;}
.xoo-el-inmodal::-webkit-scrollbar{width:6px;}
.xoo-el-inmodal::-webkit-scrollbar-thumb{background:#F9C4DF;border-radius:6px;}
.xoo-el-inmodal::-webkit-scrollbar-button{display:none;}
.xoo-el-form-container .xoo-aff-checkbox_single label,.xoo-el-form-container .xoo-aff-group label{font-size:13px;font-weight:500;color:var(--srg-muted);}