/*!
 * Variantai custom-section styles
 * Loaded sitewide via wp_enqueue_style('vt-sections', ...)
 * Replaces inline <style id="vt-pcard-css"> in:
 *   - front-page.php
 *   - woocommerce/content-product.php
 */

/* ===== Product cards (homepage + archives) ===== */
.vt-pcard { background:#ffffff; border:1px solid rgba(147,51,234,0.15); border-radius:16px; overflow:hidden; box-shadow:0 8px 30px rgba(147,51,234,0.10), 0 1px 3px rgba(0,0,0,0.04); display:flex; flex-direction:column; position:relative; transition:transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
.vt-pcard:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(147,51,234,0.18); border-color:rgba(147,51,234,0.28); }
.vt-pcard-bar { background:#f3e8ff; border-bottom:1px solid rgba(147,51,234,0.12); padding:9px 14px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.vt-pcard-dots { display:flex; gap:5px; flex-shrink:0; }
.vt-pcard-dot { width:10px; height:10px; border-radius:50%; }
.vt-pcard-dot.r { background:#ff5f57; }
.vt-pcard-dot.y { background:#febc2e; }
.vt-pcard-dot.g { background:#28c840; }
.vt-pcard-title { font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:0.1em; color:rgba(147,51,234,0.55); text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; text-align:center; }
.vt-pcard-badge { display:inline-flex; align-items:center; gap:5px; font-family:'JetBrains Mono',monospace; font-size:9px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#fff; padding:4px 9px; border-radius:100px; flex-shrink:0; }
.vt-pcard-badge.stock { background:#16a34a; border:1.5px solid #15803d; box-shadow:0 2px 6px rgba(22,163,74,0.3); }
.vt-pcard-badge.sale { background:#9333ea; border:1.5px solid #7e22ce; box-shadow:0 2px 6px rgba(147,51,234,0.3); }
.vt-pcard-badge.stock::before, .vt-pcard-badge.sale::before { content:''; width:5px; height:5px; background:#fff; border-radius:50%; animation:vt-pcard-pulse 2s infinite; }
@keyframes vt-pcard-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
.vt-pcard-img { background:#ffffff; width:100%; height:200px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; border-bottom:1px solid rgba(147,51,234,0.07); }
.vt-pcard-img img { max-height:88%; max-width:86%; width:auto; height:auto; object-fit:contain; position:relative; z-index:1; transition:transform 0.4s; }
.vt-pcard:hover .vt-pcard-img img { transform:scale(1.05) translateY(-4px); }
.vt-pcard-body { padding:16px 18px 18px; background:#fdfcff; border-bottom:1px solid rgba(147,51,234,0.07); font-family:'JetBrains Mono',monospace; font-size:13.5px; line-height:1.9; flex-grow:1; }
.vt-pcard-body .vt-pcard-name { font-size:14.5px; }
.vt-pcard-tl { display:block; }
.vt-pcard-dim { color:rgba(26,26,46,0.3); }
.vt-pcard-label { color:rgba(26,26,46,0.45); }
.vt-pcard-val { color:#9333ea; font-weight:500; }
.vt-pcard-name { color:#1a1a2e; font-weight:600; }
.vt-pcard-divider { border:none; border-top:1px solid rgba(147,51,234,0.1); margin:4px 0 6px; }
.vt-pcard-spec-row { display:flex; align-items:center; gap:7px; }
.vt-pcard-spec-icon { width:15px; height:15px; flex-shrink:0; opacity:0.6; }
.vt-pcard-footer { padding:14px 18px; display:flex; align-items:center; justify-content:space-between; background:#ffffff; gap:10px; }
.vt-pcard-price { font-family:'Tektur',sans-serif; font-size:1.65rem; font-weight:800; letter-spacing:0.02em; color:#1a1a2e; line-height:1; display:flex; align-items:flex-end; gap:2px; }
.vt-pcard-price .cur { font-size:1rem; color:#9ca3af; align-self:flex-end; padding-bottom:2px; font-weight:700; }
.vt-pcard-price .old { font-size:0.85rem; font-weight:600; color:#9ca3af; text-decoration:line-through; margin-left:8px; align-self:center; padding-bottom:2px; }
.vt-pcard-buy { display:inline-flex; align-items:center; gap:6px; padding:9px 18px; background:#9333ea; color:#fff; font-family:'Tektur',sans-serif; font-size:12px; font-weight:700; letter-spacing:0.05em; border:none; border-radius:7px; cursor:pointer; text-decoration:none; transition:background 0.2s, transform 0.15s, box-shadow 0.2s; box-shadow:0 3px 12px rgba(147,51,234,0.3); white-space:nowrap; position:relative; z-index:3; }
.vt-pcard-buy:hover { background:#7e22ce; transform:translateY(-1px); box-shadow:0 5px 18px rgba(147,51,234,0.4); }
.vt-pcard-buy .arrow { transition:transform 0.2s; }
.vt-pcard-buy:hover .arrow { transform:translateX(3px); }
.vt-pcard-link { position:absolute; inset:0; z-index:2; }
.vt-pcard-link ~ .vt-pcard-footer { position:relative; z-index:1; }