/* Rihlati Account 1.1 - save, quick add, mini basket, basket/checkout steps. Site palette: teal #1fc4ac, deep #0c332f. */
:root{--rh-t:#1fc4ac;--rh-td:#0c332f;--rh-tdk:#12917e;--rh-ink:#12151a;--rh-mut:#6b7380;--rh-line:#e9ebef;--rh-bg:#f6f8f8;--rh-love:#ff3b6b;--rh-r:18px;--rh-sh:0 18px 50px rgba(6,24,22,.18)}
/* no page scroll lock: this theme scrolls <body>, and hiding its overflow jumped the page to the top */
.rh-drawer-body,.rh-sheet-panel{overscroll-behavior:contain}

/* header icons */
.rh-hdr-btn{position:relative;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f4f6f8;color:var(--rh-td)!important;text-decoration:none!important;transition:background .2s,transform .2s;flex:0 0 36px}
.rh-hdr-btn:hover{background:rgba(31,196,172,.14)}
.rh-hdr-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rh-hdr-wl svg{stroke-width:1.8}
.rh-badge{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--rh-love);color:#fff;font:700 10.5px/18px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.rh-hdr-bag .rh-badge{background:var(--rh-t)}
html[dir=rtl] .rh-badge{right:auto;left:-5px}
.rh-bump{animation:rhBump .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes rhBump{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}

/* hearts on cards */
.rh-card{position:relative}
.rh-heart{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;border:0;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#3b4350;box-shadow:0 4px 14px rgba(0,0,0,.16);transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}
html[dir=rtl] .rh-heart{right:auto;left:12px}
.rh-heart:hover{transform:scale(1.08)}
.rh-heart svg{width:21px;height:21px;fill:transparent;stroke:currentColor;stroke-width:1.9;transition:fill .2s,stroke .2s}
.rh-heart.on{color:var(--rh-love)}
.rh-heart.on svg{fill:var(--rh-love);stroke:var(--rh-love)}
.rh-heart.rh-pop{animation:rhPop .55s cubic-bezier(.3,1.7,.5,1)}
.rh-heart.rh-pop:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--rh-love);animation:rhRing .6s ease-out forwards;pointer-events:none}
@keyframes rhPop{0%{transform:scale(1)}35%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes rhRing{0%{opacity:.9;transform:scale(.7)}100%{opacity:0;transform:scale(1.5)}}
.rh-heart-host{background:none!important;width:auto!important;height:auto!important;top:12px!important;right:12px!important}
.rh-heart-host .rh-heart{position:static}
/* the tour page heart (Tourfic's icon, now synced) */
.tf-wishlist-icon .remove-wishlist,.tf-wishlist-icon .fas.fa-heart{color:var(--rh-love)!important}
.tf-wishlist-icon{cursor:pointer}

/* quick add on cards */
.rh-quick{position:absolute;top:12px;right:60px;z-index:5;width:40px;height:40px;border:0;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(12,51,47,.92);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .2s,transform .2s;-webkit-tap-highlight-color:transparent}
html[dir=rtl] .rh-quick{right:auto;left:60px}
.rh-quick svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rh-quick:before{content:"+";position:absolute;top:-3px;right:-3px;width:17px;height:17px;border-radius:50%;background:var(--rh-t);color:#062b26;font:800 14px/17px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.rh-quick span{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);white-space:nowrap;background:var(--rh-td);color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;padding:7px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.rh-quick:hover{background:var(--rh-t);color:#062b26;transform:scale(1.06)}
@media (hover:hover){.rh-quick:hover span{opacity:1;transform:translate(-50%,0)}}

/* buttons */
.rh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;border:1.5px solid var(--rh-td);background:var(--rh-td);color:#fff!important;font:700 15px/1.1 Inter,system-ui,sans-serif;text-decoration:none!important;cursor:pointer;transition:background .2s,transform .15s,opacity .2s}
.rh-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rh-btn:hover{background:#174c46}
.rh-btn:active{transform:scale(.98)}
.rh-btn-go{background:var(--rh-t);border-color:var(--rh-t);color:#062b26!important}
.rh-btn-go:hover{background:#19b29c}
.rh-btn-line{background:#fff;color:var(--rh-td)!important;border-color:var(--rh-line)}
.rh-btn-line:hover{background:var(--rh-bg)}
.rh-btn[disabled]{opacity:.45;cursor:not-allowed}
.rh-btn.busy{opacity:.7;pointer-events:none}
.rh-btn.busy:after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:rhSpin .7s linear infinite}
.rh-btn.done{background:var(--rh-td);border-color:var(--rh-td);color:#fff!important}
@keyframes rhSpin{to{transform:rotate(360deg)}}
.rh-x{width:40px;height:40px;border-radius:50%;border:0;background:#f1f4f5;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--rh-ink)}
.rh-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* toast */
.rh-toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100002;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
.rh-toast{pointer-events:auto;display:flex;align-items:center;gap:14px;background:var(--rh-td);color:#fff;border-radius:999px;padding:12px 14px 12px 20px;box-shadow:var(--rh-sh);font:600 14px/1.3 Inter,system-ui,sans-serif;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .3s,transform .35s cubic-bezier(.3,1.4,.5,1)}
.rh-toast.in{opacity:1;transform:none}
.rh-toast a{color:var(--rh-td)!important;background:#fff;border-radius:999px;padding:7px 14px;text-decoration:none!important;font-weight:700;font-size:13px}

/* drawer (mini basket) */
.rh-drawer{position:fixed;inset:0;z-index:100000;visibility:hidden}
.rh-drawer.open{visibility:visible}
.rh-drawer-bg{position:absolute;inset:0;background:rgba(6,18,17,.45);opacity:0;transition:opacity .3s;backdrop-filter:blur(2px)}
.rh-drawer.open .rh-drawer-bg{opacity:1}
.rh-drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(420px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.9,.2,1);box-shadow:var(--rh-sh);font-family:Inter,system-ui,sans-serif;color:var(--rh-ink)}
html[dir=rtl] .rh-drawer-panel{right:auto;left:0;transform:translateX(-100%)}
.rh-drawer.open .rh-drawer-panel{transform:none}
.rh-drawer-panel header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--rh-line)}
.rh-drawer-panel h3{margin:0;font:800 20px/1.2 Archivo,Inter,sans-serif}
.rh-drawer-n{color:var(--rh-mut);font-weight:600;font-size:15px}
.rh-drawer-body{flex:1;overflow:auto;padding:12px 20px}
.rh-line{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--rh-line);align-items:flex-start;transition:opacity .2s}
.rh-line.busy{opacity:.4;pointer-events:none}
.rh-line.flash{animation:rhFlash 1.6s ease}
@keyframes rhFlash{0%{background:rgba(31,196,172,.22)}100%{background:transparent}}
.rh-line-img{flex:0 0 76px;height:76px;border-radius:14px;background:#e8efee center/cover no-repeat}
.rh-line-b{flex:1;min-width:0}
.rh-line-t{display:block;font-weight:700;font-size:15px;line-height:1.3;color:var(--rh-ink)!important;text-decoration:none!important;margin-bottom:4px}
.rh-line-b ul{list-style:none;margin:0 0 6px;padding:0;font-size:12.5px;color:var(--rh-mut)}
.rh-line-b ul span{font-weight:600;color:#4a525e}
.rh-line-p{font-weight:800;color:var(--rh-td);font-size:15px}
.rh-line-rm{flex:0 0 34px;height:34px;border-radius:50%;border:0;background:#f4f6f7;color:#69727f;cursor:pointer;display:flex;align-items:center;justify-content:center}
.rh-line-rm:hover{background:#ffe9ee;color:#d6204e}
.rh-line-rm svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rh-drawer-foot{padding:16px 20px 20px;border-top:1px solid var(--rh-line);background:#fbfcfc;display:flex;flex-direction:column;gap:8px}
.rh-drawer-foot:empty{display:none}
.rh-sum{display:flex;justify-content:space-between;font-size:14px;color:#4a525e}
.rh-sum-total{font-weight:800;color:var(--rh-ink);font-size:18px;margin:4px 0 8px}
.rh-drawer-foot .rh-btn{width:100%}
.rh-secure{margin:2px 0 0;text-align:center;font-size:12px;color:var(--rh-mut)}
.rh-empty{text-align:center;padding:48px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}
.rh-empty>svg{width:56px;height:56px;fill:none;stroke:var(--rh-t);stroke-width:1.5;padding:16px;border-radius:50%;background:rgba(31,196,172,.1);box-sizing:content-box}
.rh-empty strong{font:800 19px/1.2 Archivo,Inter,sans-serif}
.rh-empty p{margin:0 0 8px;color:var(--rh-mut);font-size:14px;max-width:280px}
.rh-empty .rh-btn{width:100%;max-width:280px}

/* quick add sheet */
.rh-sheet{position:fixed;inset:0;z-index:100001;visibility:hidden;display:flex;align-items:center;justify-content:center}
.rh-sheet.open{visibility:visible}
.rh-sheet-bg{position:absolute;inset:0;background:rgba(6,18,17,.5);opacity:0;transition:opacity .3s;backdrop-filter:blur(3px)}
.rh-sheet.open .rh-sheet-bg{opacity:1}
.rh-sheet-panel{position:relative;width:min(480px,100vw);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;box-shadow:var(--rh-sh);transform:translateY(30px) scale(.97);opacity:0;transition:transform .38s cubic-bezier(.2,1.2,.3,1),opacity .25s;font-family:Inter,system-ui,sans-serif;color:var(--rh-ink)}
.rh-sheet.open .rh-sheet-panel{transform:none;opacity:1}
.rh-sheet-x{position:absolute;top:14px;left:14px;z-index:3;background:rgba(255,255,255,.94)}
html[dir=rtl] .rh-sheet-x{left:auto;right:14px}
.rh-sheet-hero{position:relative;height:200px;background:#cfe4e0 center/cover no-repeat;border-radius:26px 26px 0 0;display:flex;align-items:flex-end}
.rh-sheet-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(4,20,18,.82))}
.rh-sheet-hero-t{position:relative;padding:18px 20px;color:#fff}
.rh-sheet-hero h3{margin:0 0 4px;font:800 21px/1.2 Archivo,Inter,sans-serif;color:#fff}
.rh-sheet-hero p{margin:0;font-size:13px;opacity:.9}
.rh-sheet-b{padding:18px 20px 22px}
.rh-sec{margin-bottom:18px}
.rh-sec h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 15px/1.2 Inter,sans-serif}
.rh-sec h4 svg{width:18px;height:18px;fill:none;stroke:var(--rh-t);stroke-width:2}
.rh-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.rh-days::-webkit-scrollbar{display:none}
.rh-day{flex:0 0 62px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 0;border-radius:14px;border:1.5px solid var(--rh-line);background:#fff;cursor:pointer;font-family:inherit;color:var(--rh-ink);transition:border-color .15s,background .15s,transform .15s;position:relative}
.rh-day:hover{border-color:var(--rh-t)}
.rh-day .w{font-size:11px;color:var(--rh-mut);text-transform:uppercase;letter-spacing:.04em}
.rh-day .d{font:800 19px/1.1 Archivo,Inter,sans-serif}
.rh-day .m{font-size:11.5px;color:var(--rh-mut)}
.rh-day.on{border-color:var(--rh-td);background:var(--rh-td);color:#fff;transform:translateY(-2px)}
.rh-day.on .w,.rh-day.on .m{color:rgba(255,255,255,.8)}
.rh-date-other{flex-basis:88px;justify-content:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--rh-td)}
.rh-date-other svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.rh-date-other input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.rh-step{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f2f4;font-weight:600;font-size:15px}
.rh-stepper{display:flex;align-items:center;gap:12px}
.rh-stepper button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--rh-line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--rh-td)}
.rh-stepper button:hover{border-color:var(--rh-t)}
.rh-stepper svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.rh-stepper output{min-width:22px;text-align:center;font:800 17px/1 Archivo,Inter,sans-serif}
.rh-unit{margin:8px 0 0;font-size:13px;color:var(--rh-tdk);font-weight:600}
.rh-sheet-total{position:sticky;bottom:-22px;margin:6px -20px -22px;padding:14px 20px 14px;background:linear-gradient(180deg,rgba(255,255,255,.7),#fff 30%);display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--rh-line)}
.rh-price{min-height:24px;font-size:14px;color:var(--rh-mut)}
.rh-price b{color:var(--rh-td);font:800 22px/1 Archivo,Inter,sans-serif}
.rh-price small{display:block;margin-top:4px;font-size:12.5px}
.rh-price .rh-no{color:#c4224b;font-weight:600}
.rh-sheet-total .rh-btn{width:100%;min-height:54px;font-size:16px}
.rh-sheet-err{background:#fff1f4;color:#a3163b;border-radius:12px;padding:10px 14px;font-size:13.5px;margin:0 0 12px}
.rh-sheet-err p{margin:2px 0}
.rh-sheet-note{color:var(--rh-mut);font-size:14px;margin:0 0 14px}
.rh-sheet-mini{font-size:12.5px;color:var(--rh-mut);margin:-6px 0 12px}
.rh-sheet-more{display:block;text-align:center;margin-top:0;font-size:13.5px;font-weight:600;color:var(--rh-tdk)!important;text-decoration:none!important}
.rh-sheet-hero .rh-heart{top:14px;right:14px}
.rh-sheet-load{display:flex;gap:8px;justify-content:center;padding:90px 0}
.rh-sheet-load span{width:10px;height:10px;border-radius:50%;background:var(--rh-t);animation:rhDot 1s infinite ease-in-out}
.rh-sheet-load span:nth-child(2){animation-delay:.15s}.rh-sheet-load span:nth-child(3){animation-delay:.3s}
@keyframes rhDot{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
@media (max-width:600px){
  .rh-sheet{align-items:flex-end}
  .rh-sheet-panel{width:100vw;border-radius:26px 26px 0 0;max-height:94vh;transform:translateY(100%)}
  .rh-sheet.open .rh-sheet-panel{transform:none}
  .rh-sheet-panel:before{content:"";position:absolute;top:8px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:9px;background:rgba(255,255,255,.85);z-index:4}
  .rh-sheet-hero{height:170px}
  .rh-toasts{bottom:16px}
}

/* wishlist page cards */
.rhac-wl-card .rh-heart{top:10px;right:10px}
.rhac-wl-actions{display:flex;gap:8px;padding:0 16px 16px;margin-top:auto}
.rhac-wl-actions .rh-btn{min-height:44px;font-size:13.5px;padding:0 12px;white-space:nowrap;flex:1 1 auto}
.rhac-wl-actions .rh-btn-go{flex:1.6 1 auto}
.rhac-wl-actions .rh-btn svg{width:17px!important;height:17px!important;flex:0 0 17px}
.rhac-wl-price{font-size:13px;color:var(--rh-mut)}
.rhac-wl-price b{color:var(--rh-td);font-size:16px}
.rhac-wl-chips{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 4px}
.rhac-wl-chips span{font-size:11.5px;font-weight:600;background:var(--rh-bg);color:#4a525e;border-radius:999px;padding:4px 9px}

/* basket / checkout: step bar + calmer blocks */
.rh-steps{list-style:none;display:flex;gap:6px;margin:0 auto 26px;padding:0;max-width:760px;font-family:Inter,system-ui,sans-serif;counter-reset:s}
.rh-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#9aa1ab;position:relative;padding-bottom:10px;border-bottom:3px solid #eceff2}
.rh-steps li.done{color:var(--rh-tdk);border-color:var(--rh-t)}
.rh-steps li.now{color:var(--rh-ink);border-color:var(--rh-td)}
.rh-step-n{flex:0 0 26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef1f3;font-size:12px;font-weight:800}
.rh-steps li.done .rh-step-n{background:var(--rh-t);color:#062b26}
.rh-steps li.now .rh-step-n{background:var(--rh-td);color:#fff}
@media (max-width:600px){.rh-steps li{flex-direction:column;align-items:flex-start;gap:6px;font-size:11.5px}}
body.rh-shop-flow .wc-block-cart-items__row,body.rh-shop-flow .wc-block-cart-items .wc-block-cart-items__row{border-radius:var(--rh-r)}
body.rh-shop-flow .wc-block-cart-item__image img{border-radius:14px;aspect-ratio:1/1;object-fit:cover}
body.rh-shop-flow .wc-block-components-product-name{font-weight:700;font-size:16px;color:var(--rh-ink)!important;text-decoration:none!important}
body.rh-shop-flow .wc-block-cart__submit-button,body.rh-shop-flow .wc-block-components-checkout-place-order-button{background:var(--rh-t)!important;color:#062b26!important;border-radius:999px!important;min-height:54px;font-weight:800!important;font-size:16px!important;border:0!important}
body.rh-shop-flow .wc-block-cart__submit-button:hover,body.rh-shop-flow .wc-block-components-checkout-place-order-button:hover{background:#19b29c!important}
body.rh-shop-flow .wp-block-woocommerce-cart-totals-block,body.rh-shop-flow .wc-block-cart__sidebar{background:#fbfcfc;border:1px solid var(--rh-line);border-radius:var(--rh-r);padding:18px 20px!important}
body.rh-shop-flow .wc-block-components-totals-footer-item{font-size:18px}
body.rh-shop-flow .wc-block-cart-item__remove-link{color:#8a919c!important}
body.rh-shop-flow .wc-block-components-product-metadata{font-size:13px;color:var(--rh-mut)}
