/* PepShop Admin Specials / Promotions Manager */
.promo-admin-panel{margin:1rem 0;padding:1rem;border:1px solid #f1d8c1;border-radius:20px;background:linear-gradient(145deg,#fff,#fffaf5);box-shadow:0 12px 28px rgba(45,9,66,.08)}
.promo-admin-panel h3{margin:.1rem 0 .35rem;color:#3f126f}
.promo-admin-toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:.8rem 0}
.promo-admin-toolbar button{border:0;border-radius:999px;padding:.72rem 1rem;font-weight:900;cursor:pointer}
#promoNewBtn{background:linear-gradient(135deg,#ff7900,#ff9f2f);color:#fff}
#promoRefreshBtn{background:#241032;color:#fff}
.promo-admin-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);gap:1rem;align-items:start}
.promo-form-card,.promo-list-card{border:1px solid #e6d8f5;border-radius:18px;background:#fff;padding:1rem}
.promo-form-card h4,.promo-list-card h4{margin:.15rem 0 .7rem;color:#4d1c7f}
.promo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.72rem}
.promo-form-grid .full{grid-column:1/-1}
.promo-form-grid label{margin:0;font-size:.84rem;color:#40235a}
.promo-form-grid input,.promo-form-grid select,.promo-form-grid textarea{width:100%;margin-top:.28rem;border:1px solid #d9c9eb;border-radius:12px;padding:.72rem;font:inherit;background:#fff}
.promo-form-grid textarea{min-height:86px;resize:vertical}
.promo-check-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:.35rem 0}
.promo-check-row label{display:flex;gap:.38rem;align-items:center;border:1px solid #e1d3ef;border-radius:999px;padding:.48rem .68rem;background:#fffaf5;font-size:.78rem;font-weight:800}
.promo-check-row input{width:auto;margin:0}
.promo-form-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.85rem}
.promo-form-actions button{border:0;border-radius:999px;padding:.75rem 1rem;font-weight:900;cursor:pointer}
#promoSaveBtn{background:#ff7900;color:white}
#promoCancelBtn{background:#eee5f7;color:#3d1a61}
.promo-image-tools{display:grid;grid-template-columns:110px 1fr;gap:.8rem;align-items:center;border:1px dashed #d7c0ed;border-radius:14px;padding:.7rem;background:#fcf9ff}
.promo-image-preview{width:110px;height:110px;border-radius:14px;overflow:hidden;background:#f4eef9;border:1px solid #e2d5ef;display:flex;align-items:center;justify-content:center}
.promo-image-preview img{width:100%;height:100%;object-fit:contain;display:block}
.promo-image-copy{display:grid;gap:.5rem}
.promo-image-copy input[type=file]{padding:.5rem;background:#fff}
.promo-image-copy button{border:1px solid #d7c0ed;border-radius:10px;padding:.55rem .7rem;background:#fff;color:#4e1d7d;font-weight:850}
.promo-admin-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
.promo-admin-filters input,.promo-admin-filters select{border:1px solid #d9c9eb;border-radius:999px;padding:.65rem .78rem;font:inherit}
.promo-admin-filters input{flex:1;min-width:180px}
.promo-admin-list{display:grid;gap:.7rem;max-height:980px;overflow:auto;padding-right:.2rem}
.promo-admin-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.75rem;border:1px solid #e8dcf4;border-radius:16px;padding:.7rem;background:#fff}
.promo-admin-item.archived{opacity:.72;background:#f7f4f9}
.promo-admin-thumb{width:92px;height:92px;border-radius:12px;overflow:hidden;background:#f3eef7;border:1px solid #eadff4}
.promo-admin-thumb img{width:100%;height:100%;object-fit:contain}
.promo-admin-meta{min-width:0}
.promo-admin-meta h5{margin:.05rem 0 .28rem;font-size:1rem;color:#241032}
.promo-admin-meta p{margin:.14rem 0;color:#725f80;font-size:.82rem;line-height:1.3}
.promo-chip-row{display:flex;gap:.35rem;flex-wrap:wrap;margin:.42rem 0}
.promo-chip{border-radius:999px;padding:.25rem .5rem;font-size:.68rem;font-weight:900;background:#f2e8ff;color:#ff7900;border:1px solid #e0cdf6}
.promo-chip.live{background:#e9faef;color:#176332;border-color:#bfe8cb}
.promo-chip.archived{background:#f2f2f2;color:#666;border-color:#ddd}
.promo-chip.scheduled{background:#fff5df;color:#8d5400;border-color:#f3d59c}
.promo-admin-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.5rem}
.promo-admin-actions button{border:1px solid #d9c9eb;border-radius:9px;padding:.45rem .58rem;background:#fff;color:#c95700;font-weight:850;font-size:.75rem;cursor:pointer}
.promo-admin-actions button.danger{color:#9b1c1c;border-color:#f1bcbc;background:#fff7f7}
.promo-admin-actions button.archive{color:#8a4d00;border-color:#f0d19d;background:#fffaf0}
.promo-admin-empty{padding:1rem;border:1px dashed #d9c9eb;border-radius:14px;color:#75647f;text-align:center}
.promo-banner-preview{position:relative;overflow:hidden;border:1px solid #e4d3f2;border-radius:14px;min-height:92px;background:linear-gradient(135deg,#fff,#f8f2ff);padding:.8rem}
.promo-banner-preview .promo-preview-title{font-weight:950;color:#2c103f;max-width:75%}
.promo-banner-preview .promo-preview-banner{position:absolute;z-index:2;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.promo-banner-preview .promo-preview-banner.corner{top:12px;right:-38px;transform:rotate(38deg);padding:.38rem 2.8rem}
.promo-banner-preview .promo-preview-banner.strip{top:0;left:0;right:0;padding:.42rem;text-align:center}
.promo-banner-preview .promo-preview-banner.pill{top:.55rem;right:.55rem;border-radius:999px;padding:.4rem .65rem}

.special-card{position:relative}
.special-card .promo-custom-banner{position:absolute;z-index:4;font-weight:950;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 5px 14px rgba(0,0,0,.18);pointer-events:none}
.special-card .promo-custom-banner.corner{top:18px;right:-44px;transform:rotate(38deg);padding:.42rem 3rem;font-size:.73rem}
.special-card .promo-custom-banner.strip{top:0;left:0;right:0;padding:.52rem .65rem;text-align:center;font-size:.76rem}
.special-card .promo-custom-banner.pill{top:.65rem;right:.65rem;border-radius:999px;padding:.45rem .7rem;font-size:.72rem}
.special-card .promo-compare-price{font-size:.82rem;color:#8a7a94;text-decoration:line-through;margin-right:.45rem}
.special-card .promo-countdown{display:inline-flex;border-radius:999px;padding:.25rem .5rem;margin:.15rem .15rem .15rem 0;background:#fee2e2;color:#991b1b;font-size:.7rem;font-weight:950}
.special-card .special-image-wrap.contain img{object-fit:contain;background:#fff}

@media(max-width:960px){.promo-admin-layout{grid-template-columns:1fr}.promo-admin-list{max-height:none}}
@media(max-width:620px){
  .promo-form-grid{grid-template-columns:1fr}
  .promo-form-grid .full{grid-column:auto}
  .promo-image-tools{grid-template-columns:82px 1fr}
  .promo-image-preview{width:82px;height:82px}
  .promo-admin-item{grid-template-columns:72px minmax(0,1fr)}
  .promo-admin-thumb{width:72px;height:72px}
}


/* PEPSHOP_PROMO_ADMIN_RESPONSIVE_V2: size the Promotions Manager from its actual Admin workspace, not the browser viewport. */
.promo-admin-panel{container-type:inline-size}
.promo-admin-layout{grid-template-columns:minmax(0,1fr)}
.promo-form-card,.promo-list-card,.promo-form-grid,.promo-form-grid label,.promo-image-tools,.promo-image-copy,.promo-admin-filters{min-width:0}
.promo-form-grid input,.promo-form-grid select,.promo-form-grid textarea{box-sizing:border-box;max-width:100%}
.promo-admin-list{max-height:none}
@container (min-width:1100px){
  .promo-admin-layout{grid-template-columns:minmax(420px,.95fr) minmax(480px,1.05fr)}
  .promo-admin-list{max-height:1100px}
}