/* Basic styles for the Turkish Delight box builder */
.sultan-box-note{margin:1em 0;}
/* Grid of flavour options */
.sultan-box-wrapper{display:flex;gap:20px;align-items:flex-start;width:100%;margin-bottom:1em;}
/* Flavour buttons */
.sultan-flavors{flex:1;display:flex;flex-wrap:wrap;gap:10px;margin-left:10%;margin-right:10%;position:relative;}
.sultan-flavor{flex:0 0 calc(20% - 10px);box-sizing:border-box;display:flex;flex-direction:column;position:relative;}
.sultan-flavor>button{border:1px solid #ccc;padding:5px;background:#fff;cursor:pointer;text-align:center;width:100%;border-radius:10px;display:flex;flex-direction:column;align-items:center;flex:1;}
.sultan-flavor img{display:block;margin:0 auto 5px;max-width:100%;height:auto;}
.sultan-flavor-name{margin-top:auto;display:block;min-height:2em;}
.sultan-flavor-qty{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;background:rgba(255,255,255,0.95);border-radius:6px;box-shadow:0 0 3px rgba(0,0,0,0.1);position:absolute;inset:0;z-index:1;}
.sultan-flavor-qty.show{display:flex;animation:sultan-qty-fade .2s ease;}
.sultan-qty-title{font-weight:600;margin-bottom:5px;text-align:center;}
.sultan-flavor-qty input{width:60px;padding:3px;}
.sultan-flavor-qty button{margin-left:5px;}
.sultan-box-preview-container{width:260px;position:fixed;right:20px;top:180px;background:#fff;border:1px solid #ccc;border-radius:10px;padding:15px;}
/* Preview sidebar */
.sultan-box-preview{list-style:none;padding:0;margin-top:1em;}
.sultan-box-preview li{margin-bottom:5px;}
.sultan-box-preview button.sultan-remove{margin-left:5px;}
.sultan-disabled-note{display:none;font-size:12px;color:#a00;margin-top:5px;}
.sultan-full-note{display:none;font-size:12px;color:#080;margin-top:5px;font-weight:600;}
.sultan-box-wrapper.sultan-full .sultan-flavor-add{
  pointer-events:none;
  opacity:0.6;
  cursor:not-allowed;
}
.sultan-full-overlay{display:none;position:absolute;inset:0;background:rgba(255,255,255,0.9);align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:18px;padding:20px;border-radius:10px;z-index:2;cursor:not-allowed;}
.sultan-box-wrapper.sultan-full .sultan-full-overlay{display:flex;}
.sidebar_add_to_cart_button{width:100%;padding:6px 15px;margin-top:10px;}
/* Quick pulse animation when a flavour is added */
.sultan-flavor-add.added{animation:sultan-pulse .3s ease;}
@keyframes sultan-pulse{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}
@keyframes sultan-qty-fade{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}

/* Responsive adjustments for smaller screens */
@media (max-width:1200px){
  .sultan-flavor{flex:0 0 calc(25% - 10px);}
  .sultan-box-preview-container{position:sticky;top:20px;}
}
@media (max-width:900px){
  .sultan-flavor{flex:0 0 calc(33.333% - 10px);}
}
@media (max-width:600px){
  .sultan-box-wrapper{flex-direction:column;}
  .sultan-flavors{margin-left:0;margin-right:0;}
  .sultan-box-preview-container{position:static;width:auto;margin:0 auto;order:-1;}
  .sultan-flavor{flex:0 0 calc(50% - 10px);}
}
@media (max-width:400px){
  .sultan-flavor{flex:0 0 100%;}
}

/* Popup shown after a box is added to the basket */
.sultan-added-popup{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px;}
.sultan-added-popup.show{display:flex;}
.sultan-added-content{background:#fff;border-radius:10px;padding:20px;max-width:90%;width:400px;text-align:center;position:relative;}
.sultan-added-content .sultan-popup-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;line-height:1;cursor:pointer;}
.sultan-added-actions .button{margin:5px 10px 0;}