/* Toolbar */
.wcptos-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0;gap:8px}
.wcptos-search{padding:8px 10px;border:1px solid #ccc;border-radius:8px;min-width:240px}
.wcptos-toggle.hidden{display:none}
.wcptos-btn{padding:8px 12px;border:1px solid #ddd;background:#f7f7f7;border-radius:8px;cursor:pointer}
.wcptos-btn + .wcptos-btn{margin-left:6px}

/* Drawer */
.wcptos-filter-drawer{position:fixed;left:-320px;top:0;width:300px;height:100%;background:#fff;border-right:1px solid #eee;box-shadow:2px 0 10px rgba(0,0,0,.06);z-index:9999;transition:left .25s ease;padding:16px}
.wcptos-filter-drawer.open{left:0}
.wcptos-filter-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998}
.wcptos-filter-backdrop.show{display:block}
.wcptos-filter-drawer .row{margin-bottom:12px}
.wcptos-filter-drawer select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:8px}
.wcptos-close-drawer,.wcptos-reset-filters,.wcptos-filter-toggle{padding:8px 12px;border:1px solid #ddd;background:#f7f7f7;border-radius:8px;cursor:pointer}

/* Table */
.wcptos-table{width:100%;border-collapse:collapse}
.wcptos-table th,.wcptos-table td{border:1px solid #eee;padding:10px;text-align:left}
.wcptos-table th{background:#fafafa}

/* Grid */
.wcptos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.wcptos-card{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:8px;transition:transform .12s ease, box-shadow .12s ease}
.wcptos-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.wcptos-card .img{display:flex;align-items:center;justify-content:center}
.wcptos-card img{max-width:100%;height:auto;border-radius:10px}
.wcptos-card .name a{font-weight:700;text-decoration:none}
.wcptos-card .cats{font-size:12px;color:#666}
.wcptos-card .price{font-size:16px;font-weight:700}
.wcptos-card .row{display:flex;gap:8px;align-items:center;justify-content:space-between}
.wcptos-card .qty{width:70px;padding:6px 8px;border:1px solid #ddd;border-radius:8px}
.wcptos-card .select-btn{padding:8px 10px;border:none;border-radius:10px;background:#1e90ff;color:#fff;cursor:pointer}
.wcptos-card .select-btn.added{background:#10b981}

/* Pagination */
.wcptos-pagination{display:flex;align-items:center;gap:10px;margin:12px 0}

/* Cart Panel */
.wcptos-cart-panel{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 10px rgba(0,0,0,.05);padding:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:9996}
.wcptos-cart-panel button{margin-left:6px}
.wcptos-banner{flex:1}

/* Woo-style notices */
.woocommerce-error{border:1px solid #e2401c;background:#fdf2ef;color:#7a1a12;border-radius:6px;padding:8px 12px;margin-bottom:6px}
.woocommerce-message{border:1px solid #46b450;background:#f0fff4;color:#155724;border-radius:6px;padding:8px 12px;margin-bottom:6px}
.woocommerce-info{border:1px solid #ffba00;background:#fff8e5;color:#8a6d3b;border-radius:6px;padding:8px 12px;margin-bottom:6px}

/* Toast animation */
.wcptos-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:76px;z-index:10001;opacity:0;transition:opacity .2s ease, bottom .2s ease}
.wcptos-toast.show{opacity:1;bottom:92px}

/* Modals */
.wcptos-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}
.wcptos-modal-card{background:#fff;padding:16px;border-radius:10px;max-width:900px;width:95%}
.wcptos-modal-card.small{max-width:520px}
.wcptos-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.wcptos-modal-close{border:none;background:#eee;border-radius:6px;cursor:pointer;padding:4px 8px}
.wcptos-cart-table{width:100%;border-collapse:collapse;margin-top:8px}
.wcptos-cart-table th,.wcptos-cart-table td{border:1px solid #eee;padding:8px;text-align:left}
.wcptos-cart-summary{margin-top:8px;font-weight:bold}
.wcptos-qty-input{width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:8px}
.wcptos-modal-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}

/* ------- Global Marquee Banner ------- */
.wcptos-marquee{position:relative;overflow:hidden;width:100%;z-index:9997}
.wcptos-marquee a{color:inherit;text-decoration:underline}
.wcptos-marquee-track{display:flex;gap:60px;align-items:center;white-space:nowrap;will-change:transform;padding:6px 0;animation-name:wcptos-scroll;animation-timing-function:linear;animation-iteration-count:infinite}
.wcptos-marquee-track.speed-slow{animation-duration:28s}
.wcptos-marquee-track.speed-medium{animation-duration:18s}
.wcptos-marquee-track.speed-fast{animation-duration:10s}
.wcptos-marquee-inner{display:flex;gap:60px;padding-left:60px}
.wcptos-marquee-item{display:inline-flex;align-items:center;gap:8px}
.wcptos-marquee-item:after{content:"•";opacity:.6;margin-left:16px}
.wcptos-marquee-item:last-child:after{content:""}

@keyframes wcptos-scroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}