/* Shared Instant Estimate calculator styling — used by menu.html, contact.html,
   paella-catering-melbourne.html, corporate-events-melbourne.html,
   wedding-catering-melbourne.html, private-parties-melbourne.html,
   private-chef-melbourne.html. Edit ONLY here. */
.pkg-btn:hover, .pkgcalc-pkg-btn:hover { border-color: var(--terra) !important; }
.pkg-btn.selected, .pkgcalc-pkg-btn.selected { border-color: var(--saffron) !important; background: var(--cream) !important; box-shadow: 0 4px 16px rgba(232,160,32,0.25); }
input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:20px; height:20px; border-radius:50%; background:var(--terra); cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,0.2); }
input[type=range]::-moz-range-thumb { width:20px; height:20px; border-radius:50%; background:var(--terra); cursor:pointer; border:none; }
.paella-btn:hover, .pkgcalc-paella-btn:hover { border-color: var(--terra) !important; }
.paella-btn.selected, .pkgcalc-paella-btn.selected { border-color: var(--saffron) !important; background: var(--cream) !important; }
.tapas-check { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--dark); background:#fff; border:1px solid #e8e0d0; border-radius:8px; padding:9px 12px; cursor:pointer; transition:0.15s; }
.tapas-check:hover { border-color: var(--terra); }
.tapas-check input[type=checkbox] { width:16px; height:16px; accent-color: var(--terra); cursor:pointer; flex-shrink:0; }
.tapas-check input[disabled] { opacity:0.6; cursor:not-allowed; }
.tapas-name-stack { display:flex; flex-direction:column; line-height:1.3; flex:1; min-width:0; }
.tapas-name { font-size:13px; color:var(--dark); }
.tapas-translation { font-size:10px; color:#999; }
.premium-tag { display:inline-block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:2px 8px; border-radius:20px; background:var(--saffron); color:var(--dark); flex-shrink:0; }
@media(max-width:600px){
  #pkg-selector { grid-template-columns: 1fr 1fr !important; }
  #paella-selector { grid-template-columns: 1fr 1fr !important; }
  #tapas-selector { grid-template-columns: 1fr !important; }
}