/** Shopify CDN: Minification failed Line 70:52 Expected ")" to end URL token **/ /* ========== Vigor & Veda – consolidated theme polish (safe merge) ========== */ :root{ --vv-gold:#E7B300; --vv-gold-dark:#C99A00; --vv-charcoal:#333333; --vv-off:#FAFAF7; --vv-soft:#EDEAE3; } /* Canvas & base type */ body{ background:var(--vv-off); color:var(--vv-charcoal); } /* Headings/body tuning */ h1,h2,h3,strong { letter-spacing:.2px; } h1{ font-weight:700; } /* Buttons – keep brand CTA look */ .button, .button--primary, button[type="submit"], .shopify-payment-button__button { background:var(--vv-gold)!important; border-color:var(--vv-gold)!important; color:#111!important; border-radius:12px!important; padding:12px 18px!important; transition:transform .06s ease, background .2s ease; } .button:hover, .button--primary:hover, .shopify-payment-button__button:hover { background:var(--vv-gold-dark)!important; transform:translateY(-1px); } /* Section breathing room */ .section, .shopify-section { padding-top:48px; padding-bottom:48px; } @media (max-width: 768px){ .section, .shopify-section { padding-top:36px; padding-bottom:36px; } } /* Product media carding */ .product__media-wrapper { background:#fff; border:1px solid #eee; border-radius:16px; padding:8px; } /* Cards & tiles */ .card, .product-grid__item, .collection-product-card { background:#fff; border:1px solid #eee; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.04); overflow:hidden; } /* Announcement & marquee subtler */ .announcement-bar { background:var(--vv-soft)!important; color:#222!important; } .marquee, .scrolling-text { background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; } /* Newsletter block unified */ .newsletter, .footer__newsletter { background:#fff; border:1px solid #eee; border-radius:16px; padding:24px; } /* Footer premium */ .site-footer, .footer, .footer__content { background:#1f1f1f!important; color:#e9e9e9!important; } .site-footer a { color:#fff!important; opacity:.9; } .site-footer .button, .footer .button { background:var(--vv-gold)!important; color:#111!important; } /* PDP buy area + sticky fallback (works with our JS or solo) */ .product-form { background:#fff; border:1px solid #eee; border-radius:14px; padding:16px; } @media (max-width: 999px){ .template-product .product-form { position:sticky; bottom:0; z-index:50; border-radius:14px 14px 0 0; } } /* Optional lion watermark container (only where you add class vv-watermark) */ .vv-watermark{ position:relative; isolation:isolate; } .vv-watermark:after{ content:""; position:absolute; inset:0; z-index:-1; background:url({{ 'vv-lion-watermark.png' | asset_url }}) no-repeat right -40px center/420px auto; opacity:.06; pointer-events:none; } /* Benefit icons grid (used by vv-icons) */ .vv-icons{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } @media (max-width:768px){ .vv-icons{ grid-template-columns:repeat(2,minmax(0,1fr)); } } .vv-icon{ background:#fff; border:1px solid #eee; border-radius:16px; padding:16px; text-align:center; } .vv-icon svg{ width:36px; height:36px; margin-bottom:8px; } /* Sticky ATC bar fallback IF our JS injects it (only if theme lacks one) */ .vv-sticky-atc { position:fixed; left:0; right:0; bottom:0; z-index:60; background:#fff; border-top:1px solid #eee; padding:12px 16px; display:flex; gap:8px; align-items:center; justify-content:space-between; } .vv-sticky-atc .button { flex:1; } /* Free‑shipping progress bar (for vv-free-shipping) */ .vv-free-ship { background:#fff; border:1px solid #eee; border-radius:12px; padding:12px 14px; margin:8px 0; font-size:14px; } .vv-bar{ height:8px; background:#eee; border-radius:999px; overflow:hidden; margin-top:8px; } .vv-bar > span{ display:block; height:100%; width:0; background:var(--vv-gold); transition:width .3s ease; } /* SOFTEN any full-bleed brand/gold sections from the theme */ .bg--brand, .section--brand { background:var(--vv-soft)!important; } /* Vigor & Veda - Announcement bar styling */ .announcement-bar { background:#EDEAE3 !important; color:#222 !important; } /* Vigor & Veda - Announcement bar styling */ .announcement-bar { background:#EDEAE3 !important; color:#222 !important; } /* Make sure all links inherit the text color */ .announcement-bar a { color:#222 !important; text-decoration:none; transition: color 0.3s ease; } /* Hover effect: saffron-gold */ .announcement-bar a:hover { color:#D4AF37 !important; } /* Vigor & Veda - Announcement bar polish */ .announcement-bar { background:#EDEAE3 !important; color:#222 !important; font-size: 15px; /* Slightly larger text */ font-weight: 500; /* Medium weight for better readability */ padding: 10px 0; /* Adds vertical breathing room */ letter-spacing: 0.3px; /* Subtle spacing for a premium feel */ text-align: center; /* Ensures it centers cleanly */ } /* Links inherit default text color */ .announcement-bar a { color:#222 !important; text-decoration:none; transition: color 0.3s ease; } /* Hover effect: saffron-gold */ .announcement-bar a:hover { color:#D4AF37 !important; } /* Mobile adjustments */ @media (max-width: 768px) { .announcement-bar { font-size: 14px; /* Slightly smaller text for mobile */ padding: 12px 5px; /* A bit taller, easier to tap links */ } } /* Remove gradient/fade background from header logo area */ .header, .header::before, .header::after { background: #FFFFFF !important; /* solid white */ background-image: none !important; /* kill gradient */ box-shadow: none !important; /* remove shadow if present */ } /* Optional: tighten spacing */ .header { padding-top: 10px !important; padding-bottom: 10px !important; } /* Vigor & Veda - force tertiary button brand color */ a.btn.btn--tertiary { background-color: #E7B300 !important; border: 1px solid #E7B300 !important; color: #FFFFFF !important; } a.btn.btn--tertiary:hover { background-color: #a17417 !important; /* darker saffron hover */ border-color: #a17417 !important; color: #FFFFFF !important; }