/*
Theme Name: VELMONT
Theme URI: https://velmont.tech
Description: VELMONT watch store theme. A child of Extendable with the dark and gold design built into the theme itself, so every section can be edited with normal blocks in the Site Editor.
Author: VELMONT
Template: extendable
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: velmont
*/

/* ===== Category cards built from native Cover blocks (Home page) ===== */
.velmont-cat .wp-block-cover{border-bottom:0;padding:24px;min-height:340px}
.velmont-cat .wp-block-cover h3{margin:0}
.velmont-cat .wp-block-cover h3 a::after{content:'';position:absolute;inset:0;z-index:2}
@media(max-width:781px){.velmont-cat .wp-block-cover{min-height:340px!important}}

/* ===== Footer ===== */
.vm-footer{position:relative;background-image:radial-gradient(ellipse at 50% 0%,rgba(201,162,75,.09),transparent 62%)}
.vm-footer:before{content:'';position:absolute;top:-2px;left:50%;width:140px;height:3px;background:#c9a24b;transform:translateX(-50%)}
.vm-footer .wp-block-columns{display:grid!important;grid-template-columns:1.8fr 1fr 1fr;gap:64px;margin:0 auto 52px}
.vm-footer .wp-block-column{flex-basis:auto!important;width:auto;min-width:0}
.vm-footer .vm-brand{margin:0 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:1.9rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#c9a24b}
.vm-footer .vm-tag{margin:0 0 20px;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:#8a7a52}
.vm-footer .vm-about{margin:0;max-width:34ch;font-size:.95rem;line-height:1.8;color:#a39b86}
.vm-footer .vm-fh{position:relative;margin:6px 0 24px;padding-bottom:14px;font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#e8e8e8}
.vm-footer .vm-fh:after{content:'';position:absolute;left:0;bottom:0;width:28px;height:1px;background:#c9a24b}
.vm-footer .vm-links{list-style:none;margin:0;padding:0}
.vm-footer .vm-links li{margin:0 0 14px;padding:0}
.vm-footer .vm-links a{color:#bdb59f;text-decoration:none;font-size:.95rem;letter-spacing:.03em;transition:color .25s ease,transform .25s ease}
.vm-footer .vm-links a:hover{color:#e6c97a;transform:translateX(6px)}
.vm-footer .vm-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-top:26px;border-top:1px solid rgba(201,162,75,.22)}
.vm-footer .vm-footer-bottom p{margin:0;font-size:.82rem;letter-spacing:.06em;color:#8a8068}
@media (max-width:900px){.vm-footer .wp-block-columns{grid-template-columns:1fr 1fr;gap:40px 28px}.vm-footer .wp-block-columns>.wp-block-column:first-child{grid-column:1/-1}}
@media (max-width:600px){.vm-footer{padding-top:52px!important}.vm-footer .vm-footer-bottom{flex-direction:column;justify-content:center;text-align:center}}

/* ===== Motion and animation ===== */
@keyframes vm-fade{from{opacity:0}to{opacity:1}}
@keyframes vm-rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes vm-line{from{width:0}to{width:64px}}
@keyframes vm-press{0%{transform:scale(1)}40%{transform:scale(.93)}100%{transform:scale(1)}}
@keyframes vm-bump{0%{transform:scale(1)}35%{transform:scale(1.4) rotate(-8deg)}70%{transform:scale(.95) rotate(4deg)}100%{transform:scale(1)}}
@keyframes vm-pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,162,75,.55)}50%{box-shadow:0 0 0 9px rgba(201,162,75,0)}}
@keyframes vm-kb{from{transform:scale(1)}to{transform:scale(1.09)}}
@keyframes vm-shine{to{background-position:-200% 0}}
@keyframes vm-toast{0%{opacity:0;transform:translate(-50%,24px)}12%{opacity:1;transform:translate(-50%,0)}86%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,10px)}}
@keyframes vm-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
html.vm-js body{animation:vm-fade .8s ease backwards}
.vm-js .vm-pre{opacity:0}
.vm-in{animation:vm-rise .9s cubic-bezier(.2,.7,.2,1) var(--vm-d,0ms) backwards}
h2.wp-block-heading.vm-in:after{animation:vm-line 1.1s ease .25s backwards}
.wp-block-navigation a{position:relative;padding-bottom:3px;background:linear-gradient(#c9a24b,#c9a24b) no-repeat 0 100%/0 1px;transition:background-size .4s ease,color .25s}
.wp-block-navigation a:hover{background-size:100% 1px}
.wp-block-button__link,.wp-element-button,.single_add_to_cart_button,.wc-block-components-button{position:relative;overflow:hidden}
.wp-block-button__link:after,.wp-element-button:after,.single_add_to_cart_button:after,.wc-block-components-button:after{content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .75s ease;pointer-events:none}
.wp-block-button__link:hover:after,.wp-element-button:hover:after,.single_add_to_cart_button:hover:after,.wc-block-components-button:hover:after{left:150%}
.vm-press{animation:vm-press .45s ease}
.wp-block-site-title a{background:linear-gradient(90deg,#c9a24b 0%,#fff3c4 50%,#c9a24b 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:vm-shine 6s linear infinite}
.wp-block-site-logo img{transition:transform .5s ease,filter .5s ease}
.wp-block-site-logo:hover img{transform:rotate(-6deg) scale(1.08);filter:drop-shadow(0 0 10px rgba(201,162,75,.65))}
.vm-kb{animation:vm-kb 26s ease-in-out infinite alternate}
.onsale,.wc-block-grid__product-onsale,.wc-block-components-product-sale-badge{animation:vm-pulse 2.4s ease-in-out infinite}
.wc-block-grid__product-title,.woocommerce-loop-product__title{transition:color .25s ease,letter-spacing .3s ease}
.wc-block-grid__product:hover .wc-block-grid__product-title,li.product:hover .woocommerce-loop-product__title{color:#c9a24b!important;letter-spacing:.07em}
.velmont-trust .wp-block-column{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.velmont-trust .wp-block-column:hover{transform:translateY(-6px);border-color:#c9a24b;box-shadow:0 12px 28px rgba(201,162,75,.16)}
.velmont-faq details{transition:border-color .3s ease,background .3s ease}
.velmont-faq details[open]{border-color:#c9a24b;background:#1a1212}
.velmont-faq details[open] p{animation:vm-open .45s ease}
input,textarea,select{transition:border-color .3s ease,box-shadow .3s ease}
footer a{display:inline-block;transition:transform .25s ease,color .25s ease}
footer a:hover{transform:translateX(6px)}
.woocommerce-product-gallery__image img{transition:transform .6s ease}
.woocommerce-product-gallery__image:hover img{transform:scale(1.05)}
.wc-block-mini-cart__badge{transition:transform .3s ease}
.vm-bump{animation:vm-bump .75s cubic-bezier(.3,1.6,.5,1)}
#vm-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#8a6a22,#e6c97a,#c9a24b);transform-origin:0 50%;transform:scaleX(0);z-index:99999;pointer-events:none}
#vm-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:1px solid #c9a24b;background:rgba(11,6,6,.88);color:#c9a24b;font-size:20px;line-height:1;cursor:pointer;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:opacity .4s ease,transform .45s cubic-bezier(.2,.9,.3,1.4),background .25s ease,color .25s ease;z-index:9999}
#vm-top.vm-show{opacity:1;transform:none;pointer-events:auto}
#vm-top:hover{background:#c9a24b;color:#0b0606;transform:translateY(-5px)}
.vm-fly{position:fixed;z-index:100000;object-fit:cover;pointer-events:none;margin:0!important;max-width:none!important;border:2px solid #c9a24b;border-radius:6px;box-shadow:0 12px 32px rgba(201,162,75,.5)}
.vm-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);background:#150f0f;border:1px solid #c9a24b;color:#e6c97a;padding:13px 26px;border-radius:40px;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;z-index:100001;box-shadow:0 14px 34px rgba(0,0,0,.55);animation:vm-toast 2.7s ease forwards;pointer-events:none}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.vm-js .vm-pre{opacity:1}}