/* Starbucks Nutrition Calculator - drink builder (original styles, no competitor CSS). */
.snc-builder{--g:#15724E;--g2:#0E5238;--ink:#33473B;--mut:#7F9486;--line:#E1E9DF;--bg:#EAF4EC;--accent:#7F9486;--head:#152E1E;--card-line:#E9EFE7;--input-line:#DDE9DB;--divider:#EEF2EC;
	max-width:1080px;margin:0 auto;color:var(--ink);font-size:16px;line-height:1.6;background:#FAFAF6;padding:clamp(12px,2vw,24px);border-radius:24px;
	font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.snc-builder *{box-sizing:border-box}
.snc-b-head{text-align:center;margin-bottom:1rem}
.snc-b-head h1{font-size:1.8rem;margin:.2rem 0;color:var(--g2)}
.snc-b-sub{color:var(--mut);max-width:640px;margin:.3rem auto .6rem;font-size:.95rem}
.snc-b-restore{appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem 1rem;font-weight:600;color:var(--g);cursor:pointer}
.snc-b-restore:hover{background:var(--bg)}
.snc-b-loading{text-align:center;padding:2rem;color:var(--mut)}

.snc-b-layout{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:860px){.snc-b-layout{grid-template-columns:1.55fr 1fr;align-items:start}}

.snc-b-controls{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem}
.snc-b-temp{display:flex;gap:.4rem;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.25rem;margin-bottom:1rem}
.snc-temp-tab{flex:1;appearance:none;border:0;background:transparent;border-radius:999px;padding:.55rem;font-weight:700;color:var(--mut);cursor:pointer}
.snc-temp-tab[aria-selected="true"]{background:var(--g);color:#fff}

.snc-b-field{margin-bottom:.8rem}
.snc-b-field label{display:block;font-size:.8rem;font-weight:600;color:var(--mut);margin-bottom:.25rem}
.snc-builder select,.snc-builder input[type=search]{width:100%;padding:.55rem .6rem;border:1px solid var(--line);border-radius:9px;font-size:.95rem;background:#fff;color:var(--ink)}
.snc-builder select:focus,.snc-builder input:focus{outline:2px solid rgba(0,117,74,.3);border-color:var(--g)}
#snc-drink-search{margin-bottom:.4rem}
.snc-b-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}

.snc-b-section{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.7rem}
.snc-b-section h3{margin:.1rem 0 .5rem;font-size:1rem;color:var(--g2)}
.snc-b-add{appearance:none;border:1px dashed var(--line);background:var(--bg);color:var(--g);border-radius:9px;padding:.45rem .8rem;font-weight:600;cursor:pointer;font-size:.88rem}
.snc-b-add:hover{border-color:var(--g)}

.snc-mod-row{display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center;margin-bottom:.45rem}
.snc-mod-row select{min-width:0}
.snc-step-ctl{display:flex;align-items:center;gap:.35rem}
.snc-minus,.snc-plus{appearance:none;border:1px solid var(--line);background:#fff;width:2rem;height:2rem;border-radius:8px;font-weight:800;font-size:1.05rem;color:var(--g2);cursor:pointer;line-height:1}
.snc-minus:hover,.snc-plus:hover{background:var(--bg)}
.snc-step-val{min-width:1.6rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.snc-mod-rm{appearance:none;border:0;background:transparent;color:#b3261e;font-weight:800;cursor:pointer;font-size:1rem}
.snc-est-tag{font-size:.66rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0 .25rem;margin-left:.3rem;vertical-align:middle}

.snc-acc{border:1px solid var(--line);border-radius:10px;margin-top:.6rem;background:#fff;overflow:hidden}
.snc-acc>summary{cursor:pointer;font-weight:700;color:var(--g2);padding:.7rem .9rem;list-style:none}
.snc-acc>summary::-webkit-details-marker{display:none}
.snc-acc>summary::after{content:"+";float:right;color:var(--g);font-weight:800}
.snc-acc[open]>summary::after{content:"–"}
.snc-acc-body{padding:.3rem .9rem .9rem}
.snc-b-stepper{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.snc-b-stepper label{font-size:.85rem;font-weight:600;color:var(--mut)}

/* result card */
.snc-b-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem;text-align:center}
@media(min-width:860px){.snc-b-card{position:sticky;top:1rem}}
.snc-card-name{font-weight:800;font-size:1.1rem;color:var(--g2)}
.snc-card-cal{margin:.3rem 0 .5rem}
.snc-card-cal span{font-size:2.8rem;font-weight:800;color:var(--g);line-height:1}
.snc-card-cal small{display:block;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}
.snc-card-toggle{appearance:none;border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.35rem 1rem;font-weight:600;color:var(--g);cursor:pointer;font-size:.85rem}
.snc-card-nutri{margin:.7rem 0 0;text-align:left}
.snc-card-nutri table{width:100%;border-collapse:collapse;font-size:.92rem}
.snc-card-nutri th{text-align:left;font-weight:500;color:var(--mut);padding:.32rem .2rem;border-bottom:1px solid var(--line)}
.snc-card-nutri td{text-align:right;padding:.32rem .2rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:600}
.snc-card-nutri tr.snc-na td{color:var(--mut);font-weight:400}
.snc-card-est{font-size:.78rem;color:var(--accent);margin:.5rem 0 0}
.snc-card-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.8rem}
.snc-card-btn{appearance:none;border:1px solid var(--g);background:var(--g);color:#fff;border-radius:9px;padding:.5rem .9rem;font-weight:700;cursor:pointer;font-size:.85rem}
.snc-card-btn:hover{background:var(--g2)}
.snc-card-btn.snc-ghost{background:#fff;color:var(--g)}
.snc-card-btn.snc-ghost:hover{background:var(--bg)}

.snc-b-foot{margin-top:1.2rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--mut);font-size:.84rem}

@media print{body *{visibility:hidden}.snc-b-card,.snc-b-card *{visibility:visible}.snc-b-card{position:absolute;left:0;top:0;width:100%;border:0}.snc-card-actions{display:none}}


/* searchable single dropdown */
.snc-combo{position:relative}
.snc-combo-native{display:none !important}
.snc-combo-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:.95rem;cursor:pointer;text-align:left;min-height:42px}
.snc-combo-toggle:focus{outline:2px solid rgba(0,117,74,.3);border-color:var(--g)}
.snc-combo-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snc-combo-caret{color:var(--mut);font-size:.7rem;flex:0 0 auto}
/* when open: hide the name toggle; the search input becomes the single box */
.snc-combo.is-open .snc-combo-toggle{display:none}
.snc-combo-panel[hidden]{display:none}
.snc-combo-panel{position:relative}
.snc-combo-search{width:100%;padding:.55rem .6rem;border:1px solid var(--g);border-radius:9px;font-size:.95rem;min-height:42px;background:#fff;color:var(--ink)}
.snc-combo-search:focus{outline:2px solid rgba(0,117,74,.3);border-color:var(--g)}
.snc-combo-list{list-style:none;margin:0;padding:.35rem;position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.14);max-height:300px;overflow:auto;z-index:60}
.snc-combo-opt{padding:.55rem .55rem;border-radius:7px;cursor:pointer;font-size:.93rem}
.snc-combo-opt:hover{background:var(--bg)}
.snc-combo-opt.is-selected{background:var(--g);color:#fff;font-weight:600}
.snc-combo-empty{padding:.6rem .55rem;color:var(--mut);font-size:.9rem}

/* image-icon temperature tabs + square size buttons (no padding, images flush) -- 1.2.5 */
.snc-temp-label,.snc-size-label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}

.snc-b-temp{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:transparent;border:0;border-radius:0;padding:0;margin-bottom:1rem}
.snc-temp-tab{display:inline-flex;align-items:center;justify-content:center;width:170px;max-width:32%;padding:0;border:1px solid #d8e0dc;border-radius:14px;background:#fff;cursor:pointer;transition:all .2s ease;color:#000;overflow:hidden}
.snc-temp-tab[aria-selected="true"],.snc-temp-tab.active{border:2px solid #008248;background:#f7faf8;color:#000;font-weight:700}
.snc-temp-tab[aria-selected="true"] span,.snc-temp-tab.active span{color:#000}
.snc-temp-img{width:100%;height:auto;display:block;pointer-events:none;padding:0;margin:0}

.snc-size-field{margin-bottom:.85rem}
.snc-size-cards{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.snc-size-native{display:none !important}
.snc-size-card{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;padding:0;border:1px solid #d8e0dc;border-radius:14px;background:#fff;cursor:pointer;color:#000;transition:all .2s ease;position:relative;overflow:hidden}
.snc-size-card.is-active,.snc-size-card.active,.snc-size-card.selected{border:2px solid #008248;background:#f7faf8;color:#000;font-weight:700}
.snc-size-card.is-active span,.snc-size-card.active span{color:#000}
.snc-size-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;padding:0;margin:0}
.snc-size-text{font-size:15px;font-weight:600;color:#000;line-height:1.2}

@media (max-width:600px){
  .snc-b-temp{gap:10px}
  .snc-temp-tab{width:31%;max-width:31%;padding:0}
  .snc-temp-img{width:100%;height:auto}
  .snc-size-cards{gap:10px}
  .snc-size-card{width:76px;height:76px;padding:0}
  .snc-size-img{width:100%;height:100%}
}


/* ===== Homepage theme restyle (Plus Jakarta Sans) -- 1.3.1 ===== */
.snc-builder,.snc-builder button,.snc-builder input,.snc-builder select{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.snc-builder h1,.snc-builder h2,.snc-builder h3{color:#152E1E}
.snc-builder{color:#33473B}

/* header band */
.snc-b-head{background:#EAF4EC;border:1px solid #E9EFE7;border-radius:18px;padding:1.25rem 1rem;margin-bottom:1.2rem}
.snc-b-head h1{color:#152E1E}
.snc-b-sub{color:#5E6E64}
.snc-b-restore{background:#fff;border:1px solid #CFE3D6;color:#15724E;border-radius:12px;font-weight:600}
.snc-b-restore:hover{background:#EAF4EC}

/* main panels = white cards */
.snc-b-controls,.snc-b-card{background:#fff;border:1px solid #E9EFE7;border-radius:20px;box-shadow:0 22px 54px -34px rgba(20,50,35,.5)}

/* temperature + size selectors */
.snc-temp-tab{background:#fff;border:1px solid #E1E9DF;border-radius:12px;color:#33473B}
.snc-temp-tab[aria-selected="true"],.snc-temp-tab.active{border:1.5px solid #15724E;background:#EAF4EC;color:#15724E}
.snc-size-card{background:#fff;border:1px solid #E1E9DF;border-radius:12px;color:#33473B}
.snc-size-card.is-active,.snc-size-card.active,.snc-size-card.selected{border:1.5px solid #15724E;background:#EAF4EC;color:#15724E}
.snc-size-text{color:#33473B}
.snc-size-card.is-active .snc-size-text{color:#15724E}

/* dropdowns & inputs */
.snc-builder select,.snc-builder input[type=search],.snc-builder input[type=text],.snc-builder input[type=number],
.snc-combo-toggle,.snc-combo-search{background:#fff;border:1px solid #DDE9DB;border-radius:12px;color:#33473B}
.snc-builder select:focus,.snc-builder input:focus,.snc-combo-toggle:focus,.snc-combo-search:focus{outline:none;border-color:#15724E;box-shadow:0 0 0 4px rgba(21,114,78,.12)}
.snc-combo-list{border:1px solid #E9EFE7;border-radius:12px;box-shadow:0 18px 44px -28px rgba(20,50,35,.5)}
.snc-combo-opt:hover{background:#EAF4EC}
.snc-combo-opt.is-selected{background:#15724E;color:#fff}

/* add buttons + accordions */
.snc-b-section{border-top:1px solid #EEF2EC}
.snc-b-section h3{color:#152E1E}
.snc-b-add{background:#EAF4EC;border:1px solid #CFE3D6;color:#15724E;border-radius:12px;font-weight:700}
.snc-b-add:hover{background:#dceee2}
.snc-acc{border:1px solid #EEF2EC;border-radius:12px}
.snc-acc>summary{color:#15724E}
.snc-acc>summary::after{color:#15724E}

/* steppers / plus-minus keep brand green */
.snc-minus,.snc-plus{color:#15724E;border-color:#E1E9DF}
.snc-minus:hover,.snc-plus:hover{background:#EAF4EC}

/* results card */
.snc-card-name{color:#152E1E}
.snc-card-cal span{color:#15724E}
.snc-card-cal small{color:#7F9486}
.snc-card-toggle{background:#fff;border:1px solid #E1E9DF;color:#15724E}
.snc-card-toggle:hover{background:#EAF4EC}
.snc-card-nutri th{color:#7F9486;border-bottom:1px solid #EEF2EC;font-weight:500}
.snc-card-nutri td{color:#33473B;border-bottom:1px solid #EEF2EC}
.snc-card-nutri tr.snc-na td{color:#7F9486;font-weight:400}
.snc-card-est{color:#7F9486;font-style:italic}

/* generate / copy / print */
.snc-card-btn{background:#15724E;border:1px solid #15724E;color:#fff;border-radius:12px;font-weight:700}
.snc-card-btn:hover{background:#0E5238;border-color:#0E5238}
.snc-card-btn.snc-ghost{background:#fff;border:1px solid #E1E9DF;color:#33473B}
.snc-card-btn.snc-ghost:hover{background:#EAF4EC;color:#33473B}

/* footer / disclaimer */
.snc-b-foot{color:#5E6E64;border-top:1px solid #EEF2EC}
.snc-b-foot em{color:#7F9486}
