/* King Code cart sidebar (categories + actions), 2026-10-23.
   One card per panel: navy header with metal-gold title, cream body, pill items with gold icon tiles,
   navy active item. Loaded after portal-polish-v1.css; rollback = remove the <link> in includes/head.tpl. */
body.tt-in-cart{--sb-navy:linear-gradient(135deg,#1d4a70 0%,#123150 55%,#0b1b31 100%);--sb-metal:linear-gradient(110deg,#8f5d13,#e1b454 29%,#fff0ba 50%,#c7912b 73%,#815213);
 --sb-cream:linear-gradient(160deg,#fffbf1 0%,#f8edd6 60%,#f1e1bd 100%);--sb-ink:#14283d;--sb-line:rgba(201,151,54,.55);--sb-soft:rgba(201,151,54,.28)}

/* the card */
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar{position:relative;margin-bottom:18px!important;border:0!important;border-radius:20px!important;overflow:hidden!important;
 background:var(--sb-cream)!important;box-shadow:0 18px 40px rgba(11,27,49,.16),0 2px 0 rgba(255,255,255,.7) inset!important;isolation:isolate}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:3;
 background:linear-gradient(135deg,#f6dc94,#b9852a 35%,rgba(185,133,42,.35) 60%,#e9c46e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}

/* header */
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .panel-heading{position:relative;overflow:hidden;border:0!important;border-radius:0!important;padding:15px 18px!important;background:var(--sb-navy)!important;cursor:pointer}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .panel-heading:after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(105deg,transparent 35%,rgba(255,240,186,.16) 48%,transparent 60%);transform:translateX(-130%);animation:kcsb-sweep 8s ease-in-out infinite}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .panel-title{display:flex!important;align-items:center;gap:10px;margin:0!important;font-size:18px!important;line-height:1.2;
 background:var(--sb-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .panel-title>i:first-child{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-size:15px;
 background:var(--sb-metal);-webkit-text-fill-color:#14283d;color:#14283d!important;box-shadow:0 0 0 1px rgba(255,240,186,.6),0 6px 14px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.7)}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .panel-title .card-minimise{margin-inline-start:auto;float:none!important;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:12px;
 -webkit-text-fill-color:#f3d688;color:#f3d688!important;background:rgba(255,240,186,.10);box-shadow:inset 0 0 0 1px rgba(243,214,136,.35);transition:transform .25s ease,background .2s ease}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .panel-heading:hover .card-minimise{background:rgba(255,240,186,.2)}

/* list */
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group{display:flex!important;flex-direction:column;gap:8px;padding:12px!important;margin:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group[style*="none"]{display:none!important}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item{position:relative;display:flex!important;align-items:center!important;gap:10px;min-height:52px!important;margin:0!important;
 padding:8px 12px!important;border:0!important;border-radius:14px!important;font-size:14px!important;font-weight:700!important;line-height:1.45!important;color:var(--sb-ink)!important;text-decoration:none!important;
 background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,248,232,.6))!important;box-shadow:inset 0 0 0 1px var(--sb-soft),0 3px 8px rgba(11,27,49,.06)!important;
 transform:none!important;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s ease,background .2s ease!important}
/* icon tile: category icons are added here, action items already carry their own <i> */
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:before,
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item>i.fa-fw{flex:none;display:grid!important;place-items:center;width:34px;height:34px;margin:0!important;border-radius:11px;
 font:900 15px/1 "Font Awesome 5 Pro","Font Awesome 5 Free";color:#7a4f0e!important;background:linear-gradient(145deg,#fff6dc,#f1d897 60%,#dcb460);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -3px 6px rgba(128,86,16,.22),0 4px 10px rgba(128,86,16,.22),0 0 0 1px rgba(185,133,42,.45);transition:transform .25s ease}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:has(>i.fa-fw):before{content:none;display:none!important}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:before{content:"\f07a"}
html body.tt-in-cart #order-standard_cart .cart-sidebar .list-group-item[href*="web-development"]:before{content:"\f121"}
html body.tt-in-cart #order-standard_cart .cart-sidebar .list-group-item[href*="marketing"]:before{content:"\f0a1"}
html body.tt-in-cart #order-standard_cart .cart-sidebar .list-group-item[href*="hosting"]:before{content:"\f233"}
html body.tt-in-cart #order-standard_cart .cart-sidebar .list-group-item[href*="media"]:before{content:"\f87c"}
html body.tt-in-cart #order-standard_cart .cart-sidebar .list-group-item[href*="domain"]:before{content:"\f57c"}
/* go arrow at the end of the row */
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:after{content:"\f053";margin-inline-start:auto;flex:none;font:900 11px/1 "Font Awesome 5 Pro","Font Awesome 5 Free";
 color:#b9852a;opacity:.55;transition:transform .2s ease,opacity .2s ease}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item>i.fa-fw+*{margin:0!important}

html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:not(.active):hover,
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:not(.active):focus-visible{transform:translateY(-2px)!important;background:linear-gradient(135deg,#fff,#fff3d8)!important;
 box-shadow:inset 0 0 0 1px var(--sb-line),0 10px 22px rgba(128,86,16,.18)!important;outline:0}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:hover:after{opacity:1;transform:translateX(-4px)}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:hover:before,
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:hover>i.fa-fw{transform:rotate(-6deg) scale(1.06)}

/* active category */
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active{border:0!important;color:#ffe9b6!important;background:var(--sb-navy)!important;
 box-shadow:inset 0 0 0 1px rgba(243,214,136,.55),0 12px 26px rgba(11,27,49,.32),0 0 0 3px rgba(225,180,84,.18)!important}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active:before{color:#14283d!important;background:var(--sb-metal);box-shadow:0 0 0 1px rgba(255,240,186,.7),0 0 16px rgba(225,180,84,.45),inset 0 1px 0 rgba(255,255,255,.7)}
html body.tt-in-cart #order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active:after{content:"";width:8px;height:8px;border-radius:50%;opacity:1;background:#f3d688;box-shadow:0 0 0 3px rgba(243,214,136,.25),0 0 12px #e1b454;animation:kcsb-pulse 2.4s ease-in-out infinite}

@keyframes kcsb-sweep{0%,62%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}
@keyframes kcsb-pulse{50%{box-shadow:0 0 0 6px rgba(243,214,136,0),0 0 16px #e1b454}}
@media (prefers-reduced-motion:reduce){html body.tt-in-cart #order-standard_cart .cart-sidebar *{animation:none!important;transition:none!important}}