/* This file belongs at public_html/cart.css
   Styles for the sitewide floating cart widget injected by cart.js.
   Loaded once from footer.php, so every page that includes footer.php
   (which is every page on the site) gets these for free — no per-page
   CSS needed. Relies on the same --ink/--brass/--paper/etc. CSS variables
   every page already defines in its own :root block. */

.kk-cart-fab{
  position:fixed;right:26px;top:50%;transform:translateY(-50%) scale(.7);
  width:58px;height:58px;border-radius:50%;z-index:150;cursor:pointer;
  background:var(--brass);border:1px solid var(--brass-lit);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(18,16,14,.45);
  opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;
}
.kk-cart-fab.show{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.kk-cart-fab svg{width:24px;height:24px;stroke:var(--ink)}
.kk-cart-fab .kk-cart-count{
  position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;
  border-radius:10px;background:var(--river,#1E3A38);color:var(--paper);
  font-family:var(--mono);font-size:.68rem;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--ink);
}
.kk-cart-overlay{position:fixed;inset:0;background:rgba(18,16,14,.6);z-index:160;opacity:0;pointer-events:none;transition:opacity .3s ease}
.kk-cart-overlay.open{opacity:1;pointer-events:auto}
.kk-cart-drawer{
  position:fixed;top:0;right:0;height:100vh;width:380px;max-width:88vw;
  background:#171412;border-left:1px solid var(--line);z-index:170;
  transform:translateX(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);
  display:flex;flex-direction:column;padding:32px 28px;overflow-y:auto;
  font-family:var(--sans);color:var(--sandstone);
}
.kk-cart-drawer.open{transform:translateX(0)}
.kk-cart-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.kk-cart-drawer-head h4{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:400;margin:0}
.kk-cart-close{background:none;border:0;color:rgba(232,224,210,.5);font-size:1.5rem;cursor:pointer;line-height:1}
.kk-cart-close:hover{color:var(--brass-lit)}
#kkCartDrawerList{flex:1;padding:18px 0}
.kk-cart-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid rgba(184,134,58,.12);font-size:.84rem}
.kk-cart-item span:first-child{color:rgba(232,224,210,.75)}
.kk-cdi-right{display:flex;align-items:center;gap:10px;white-space:nowrap}
.kk-cart-item b{font-family:var(--mono);color:var(--paper);font-size:.78rem}
.kk-cart-item button{background:none;border:0;color:rgba(232,224,210,.4);cursor:pointer;font-size:1rem;line-height:1}
.kk-cart-item button:hover{color:#E08A6A}
.kk-cart-empty{color:rgba(232,224,210,.5);font-size:.86rem;padding:20px 0;margin:0}
.kk-cart-drawer-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:18px;border-top:1px solid var(--line);margin-top:auto}
.kk-cart-drawer-total span{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,224,210,.5)}
.kk-cart-drawer-total b{font-family:var(--serif);font-size:1.7rem;font-weight:400;color:var(--brass-lit)}
.kk-cart-drawer .btn{margin-top:20px;width:100%;text-align:center;display:block}

/* A small "added" flash on booking-widget buttons, used by pages that add
   items to the cart directly (car rental, temple darshan, etc). */
.kk-added-flash{color:var(--green,#7FB88A)!important;border-color:var(--green,#7FB88A)!important}

@media(max-width:640px){
  .kk-cart-fab{right:16px;width:52px;height:52px}
  .kk-cart-drawer{padding:26px 20px}
}