/* YouHoo Cart · notification tray */
.yhc{
  --c-night:#140A2E; --c-deep:#1E0B4B; --c-purple:#3F0592; --c-sky:#9DB8FF; --c-tq:#03DAC4;
  --c-ink:#F4F1FB; --c-dim:#C9BFE6; --c-line:rgba(255,255,255,.13); --c-card:rgba(255,255,255,.07);
  --c-ease:cubic-bezier(.16,1,.3,1);
  position:fixed; inset:0; z-index:100001; font-family:Rubik,system-ui,sans-serif; direction:rtl;
}
.yhc[hidden]{display:none}
.yhc *{box-sizing:border-box}
.yhc-scrim{position:absolute;inset:0;background:rgba(14,6,34,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s var(--c-ease)}
.yhc.is-open .yhc-scrim{opacity:1}

.yhc-drawer{
  position:absolute; top:10px; bottom:10px; left:10px; width:min(440px,calc(100vw - 20px));
  display:flex; flex-direction:column; border-radius:28px; overflow:hidden; outline:0;
  background:
    radial-gradient(520px 300px at 100% 0%, rgba(63,5,146,.9), transparent 70%),
    radial-gradient(420px 260px at 0% 100%, rgba(45,107,228,.28), transparent 70%),
    var(--c-night);
  color:var(--c-ink); border:1px solid var(--c-line);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.12);
  transform:translateX(calc(-100% - 24px)); transition:transform .6s var(--c-ease);
}
.yhc.is-open .yhc-drawer{transform:none}

.yhc-head{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 14px}
.yhc-title{margin:0;font-size:21px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px;line-height:1.2}
.yhc-head__n{min-width:26px;height:26px;padding:0 8px;border-radius:13px;background:rgba(255,255,255,.12);font-size:13px;font-weight:600;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
.yhc-x{width:42px;height:42px;border-radius:14px;border:1px solid var(--c-line);background:rgba(255,255,255,.06);color:var(--c-ink);display:grid;place-items:center;cursor:pointer;transition:background .25s,transform .35s var(--c-ease);padding:0}
.yhc-x:hover{background:rgba(255,255,255,.14);transform:rotate(90deg)}
.yhc-i{width:20px;height:20px;flex:none}

.yhc-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.yhc-body::-webkit-scrollbar{width:6px}.yhc-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}
.yhc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}

/* Every product is a notification */
.yhc-item{
  display:flex; gap:12px; padding:12px; border-radius:22px; background:var(--c-card); border:1px solid rgba(255,255,255,.09);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  transition:transform .45s var(--c-ease),opacity .35s,background .25s, max-height .45s var(--c-ease), margin .45s var(--c-ease), padding .45s var(--c-ease);
  max-height:400px;
}
.yhc.is-open .yhc-item{animation:yhcIn .6s var(--c-ease) both;animation-delay:calc(var(--i,0) * 60ms + 120ms)}
@keyframes yhcIn{from{opacity:0;transform:translateY(-14px) scale(.97);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.yhc-item:hover{background:rgba(255,255,255,.1)}
.yhc-item.is-busy{opacity:.6;pointer-events:none}
.yhc-item.is-leaving{opacity:0;transform:translateX(-40px) scale(.96);max-height:0;padding-top:0;padding-bottom:0;margin-top:-10px;border-width:0}
.yhc-item__icon{width:52px;height:52px;border-radius:15px;overflow:hidden;background:#fff;flex:none;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.yhc-item__img{width:100%;height:100%;object-fit:cover;display:block}
.yhc-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.yhc-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.yhc-item__name{color:#fff !important;font-size:15.5px;font-weight:600;line-height:1.35;text-decoration:none !important}
.yhc-item__name:hover{color:var(--c-sky) !important}
.yhc-item__del{width:32px;height:32px;margin:-4px -4px 0 0;border-radius:10px;border:0;background:transparent;color:var(--c-dim);display:grid;place-items:center;cursor:pointer;flex:none;padding:0;transition:background .2s,color .2s}
.yhc-item__del .yhc-i{width:17px;height:17px}
.yhc-item__del:hover{background:rgba(255,90,120,.16);color:#FF8FA5}
.yhc-item__meta{display:flex;align-items:center;gap:6px;color:var(--c-dim);font-size:12.5px;line-height:1.4;min-width:0}
.yhc-item__meta .yhc-i{width:14px;height:14px;opacity:.8}
.yhc-item__meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right;unicode-bidi:plaintext}
.yhc-item__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.yhc-item__price{font-size:16px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.yhc-item__price .woocommerce-Price-currencySymbol{margin-left:2px;font-weight:500;color:var(--c-dim)}
.yhc-item__err{margin:0;font-size:12.5px;line-height:1.45;color:#FFB4C2}

/* Quantity stepper, moves in the product step */
.yhc-qty{display:flex;align-items:center;height:38px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--c-line);overflow:hidden}
.yhc-qty__b{width:36px;height:100%;border:0;background:transparent;color:var(--c-ink);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s}
.yhc-qty__b .yhc-i{width:16px;height:16px}
.yhc-qty__b:hover{background:rgba(255,255,255,.1)}
.yhc-qty__b:disabled{opacity:.3;cursor:default;background:transparent}
.yhc-qty__in{width:68px;height:100%;border:0 !important;background:transparent !important;color:#fff !important;text-align:center;font:600 15px Rubik,sans-serif;font-variant-numeric:tabular-nums;padding:0 !important;-moz-appearance:textfield;box-shadow:none !important;border-radius:0 !important}
.yhc-qty__in::-webkit-outer-spin-button,.yhc-qty__in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.yhc-qty.is-bad{border-color:#FF8FA5}

/* Footer */
.yhc-foot{padding:16px 18px 18px;border-top:1px solid var(--c-line);background:rgba(20,10,46,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;gap:10px}
.yhc-foot[hidden]{display:none}
.yhc-total{display:flex;align-items:baseline;justify-content:space-between;font-size:15px;color:var(--c-dim);padding:0 4px 4px}
.yhc-total strong{font-size:24px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.yhc-total.is-tick strong{animation:yhcTick .5s var(--c-ease)}
@keyframes yhcTick{0%{transform:translateY(0)}35%{transform:translateY(-4px);color:var(--c-tq)}100%{transform:none}}
.yhc-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:17px;font:600 16px Rubik,sans-serif;text-decoration:none !important;cursor:pointer;transition:transform .3s var(--c-ease),background .25s,box-shadow .3s;width:100%;border:0}
.yhc-btn--primary{background:var(--c-tq);color:var(--c-night) !important;box-shadow:0 14px 28px -12px rgba(3,218,196,.7),inset 0 1px 0 rgba(255,255,255,.45)}
.yhc-btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(3,218,196,.85),inset 0 1px 0 rgba(255,255,255,.45)}
.yhc-btn--primary .yhc-i{transition:transform .35s var(--c-ease)}
.yhc-btn--primary:hover .yhc-i{transform:translateX(-4px)}
.yhc-btn--ghost{background:rgba(255,255,255,.06);color:var(--c-ink) !important;border:1px solid var(--c-line);height:48px;font-weight:500;font-size:15px}
.yhc-btn--ghost:hover{background:rgba(255,255,255,.13)}

/* Empty */
.yhc-empty{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px}
.yhc-empty__ic{width:76px;height:76px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid var(--c-line);display:grid;place-items:center;color:var(--c-sky)}
.yhc-empty__ic .yhc-i{width:34px;height:34px}
.yhc-empty__t{margin:0;font-size:19px;font-weight:600;color:#fff}
.yhc-empty .yhc-btn{width:auto;padding:0 26px}

/* Header button */
.yhc-trigger{
  position:relative;width:46px;height:46px;border-radius:15px;border:0;padding:0;cursor:pointer;
  background:#03DAC4;color:#140A2E;display:grid;place-items:center;
  box-shadow:0 8px 20px -8px rgba(3,218,196,.75),inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.yhc-trigger:hover{transform:translateY(-2px)}
.yhc-trigger .yhc-i{width:23px;height:23px;stroke-width:2.1}
.yhc-trigger .yhc-count{
  position:absolute;top:-7px;left:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;
  background:#fff;color:#140A2E;font:700 12px/22px Rubik,sans-serif;text-align:center;
  box-shadow:0 0 0 3px #140A2E;font-variant-numeric:tabular-nums;transition:transform .4s cubic-bezier(.16,1,.3,1)
}
.yhc-trigger .yhc-count.is-zero{transform:scale(0)}
.yhc-trigger.is-bump{animation:yhcBump .6s cubic-bezier(.16,1,.3,1)}
@keyframes yhcBump{0%{transform:scale(1)}30%{transform:scale(1.16)}60%{transform:scale(.95)}100%{transform:scale(1)}}
.yhc-trigger:focus-visible,.yhc button:focus-visible,.yhc a:focus-visible,.yhc input:focus-visible{outline:2px solid #03DAC4;outline-offset:2px}

html.yhc-lock,html.yhc-lock body{overflow:hidden}

@media (max-width:600px){
  .yhc-drawer{top:auto;bottom:0;left:0;width:100%;max-height:88vh;border-radius:28px 28px 0 0;transform:translateY(105%)}
  .yhc-drawer:before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.28);margin:10px auto 0}
  .yhc-head{padding:12px 18px 10px}
  .yhc-foot{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  .yhc-drawer,.yhc-scrim,.yhc-item{transition:opacity .2s}
  .yhc.is-open .yhc-item{animation:none}
  .yhc-drawer{transform:none;opacity:0}.yhc.is-open .yhc-drawer{opacity:1}
}

/* The theme styles every <button>; these keep the cart controls in its own look */
button.yhc-trigger,button.yhc-trigger:hover,button.yhc-trigger:focus{background:#03DAC4 !important;color:#140A2E !important;border:0 !important}
.yhc button.yhc-x,.yhc button.yhc-x:focus{background:rgba(255,255,255,.06) !important;color:#F4F1FB !important;border:1px solid rgba(255,255,255,.13) !important}
.yhc button.yhc-x:hover{background:rgba(255,255,255,.14) !important}
.yhc button.yhc-qty__b,.yhc button.yhc-qty__b:focus{background:transparent !important;color:#F4F1FB !important;border:0 !important;border-radius:0 !important}
.yhc button.yhc-qty__b:hover:not(:disabled){background:rgba(255,255,255,.1) !important}
.yhc button.yhc-item__del,.yhc button.yhc-item__del:focus{background:transparent !important;color:#C9BFE6 !important;border:0 !important}
.yhc button.yhc-item__del:hover{background:rgba(255,90,120,.16) !important;color:#FF8FA5 !important}
.yhc button.yhc-btn--ghost,.yhc button.yhc-btn--ghost:focus{background:rgba(255,255,255,.06) !important;color:#F4F1FB !important;border:1px solid rgba(255,255,255,.13) !important}
.yhc button.yhc-btn--ghost:hover{background:rgba(255,255,255,.13) !important}

/* Fixes round 2 */
.yhc h2.yhc-title{color:#fff !important;font-family:Rubik,system-ui,sans-serif !important;font-size:21px !important}
.yhc-item__meta .yhc-item__mk{flex:none;white-space:nowrap}
.yhc-item__meta .yhc-item__mk:after{content:":"}
.yhc-item__meta .yhc-item__mv{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;color:#E6E0F5}
.yhc-item__meta span{direction:rtl;unicode-bidi:normal}

/* Editing a product from the cart (link, comment text) */
.yhc-item__acts{display:flex;align-items:center;gap:2px;margin:-4px -4px 0 0;flex:none}
.yhc-item__acts .yhc-item__del{margin:0}
.yhc button.yhc-item__edit,.yhc button.yhc-item__edit:focus{width:32px;height:32px;border-radius:10px;border:0 !important;background:transparent !important;color:#C9BFE6 !important;display:grid;place-items:center;cursor:pointer;padding:0}
.yhc button.yhc-item__edit:hover,.yhc button.yhc-item__edit[aria-expanded="true"]{background:rgba(255,255,255,.1) !important;color:#fff !important}
.yhc-item__edit .yhc-i{width:17px;height:17px}
.yhc-edit{display:grid;gap:10px;margin-top:2px;padding:12px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);animation:yhcEdit .35s cubic-bezier(.16,1,.3,1)}
@keyframes yhcEdit{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.yhc-edit[hidden]{display:none}
.yhc-edit__f{display:grid;gap:6px;font-size:12.5px;color:#C9BFE6;font-weight:500}
.yhc .yhc-edit__f input,.yhc .yhc-edit__f textarea{width:100%;border-radius:12px !important;border:1px solid rgba(255,255,255,.16) !important;background:rgba(255,255,255,.06) !important;color:#fff !important;
  font:400 14px/1.45 Rubik,system-ui,sans-serif !important;padding:10px 12px !important;box-shadow:none !important;resize:vertical;min-height:42px}
.yhc .yhc-edit__f input:focus,.yhc .yhc-edit__f textarea:focus{outline:2px solid #03DAC4;outline-offset:1px;border-color:transparent !important}
.yhc-edit__row{display:flex;gap:8px;align-items:center}
.yhc button.yhc-edit__save,.yhc button.yhc-edit__save:focus{height:40px;padding:0 20px;border-radius:12px;border:0 !important;background:#03DAC4 !important;color:#140A2E !important;font:600 14px Rubik,sans-serif;cursor:pointer}
.yhc button.yhc-edit__save:hover{background:#2EEAD8 !important}
.yhc button.yhc-edit__cancel,.yhc button.yhc-edit__cancel:focus{height:40px;padding:0 14px;border-radius:12px;border:0 !important;background:transparent !important;color:#C9BFE6 !important;font:500 14px Rubik,sans-serif;cursor:pointer}
.yhc button.yhc-edit__cancel:hover{color:#fff !important;background:rgba(255,255,255,.08) !important}
.yhc-item.is-editing{background:rgba(255,255,255,.1)}
.yhc-item.is-saved{box-shadow:0 0 0 2px #03DAC4;transition:box-shadow .3s}

/* ===== Review fixes (15.10): the drawer joins the blue mix, bigger touch targets, saved state, UserWay moves aside ===== */
.yhc-drawer{background:
  radial-gradient(520px 300px at 100% 0%,rgba(122,43,230,.55),transparent 70%),
  radial-gradient(440px 320px at 0% 100%,rgba(3,218,196,.26),transparent 70%),
  linear-gradient(170deg,#0D2270 0%,#0A1650 60%,#120A45 100%) !important}
.yhc-foot{background:rgba(10,22,80,.62) !important}
.yhc-saved{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#03DAC4;animation:yhcEdit .35s cubic-bezier(.16,1,.3,1)}
.yhc-saved svg{width:14px;height:14px}
.yhc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:1024px){
  .yhc button.yhc-item__edit,.yhc button.yhc-item__del{width:44px !important;height:44px !important}
  .yhc-item__acts{margin:-8px -8px 0 0}
}
html.yhc-lock .uwy .userway_buttons_wrapper,html.yhc-lock .uwy .uai,html.yhc-lock #userwayAccessibilityIcon{left:auto !important;right:20px !important}
html.yhc-lock .uwy .userway_buttons_wrapper,html.yhc-lock .uwy .uai,html.yhc-lock #userwayAccessibilityIcon{top:20px !important;bottom:auto !important}

/* 20.10: comments counter under the comments field; 16px fields on phones so iOS does not zoom in when a field gets focus */
.yhc-edit__hint{display:block;font-size:12px;font-weight:500;color:#C9BFE6;margin-top:2px}
.yhc-edit__hint.is-bad{color:#FFB4C2}
.yhc-edit__hint:empty{display:none}
@media (max-width:1024px){
  .yhc .yhc-edit__f input,.yhc .yhc-edit__f textarea,.yhc .yhc-qty__in,.yhc input,.yhc textarea,.yhc select{font-size:16px !important}
}