/*
Theme Name: VULQIR — Google Sites Edition
Theme URI: https://staging.vulqir.com/
Author: VULQIR / OpenAI
Description: Faithful VULQIR Google Sites design adapted for WordPress. Editable original brand pages, WooCommerce shop, blog, and inquiry form.
Version: 2.7.19
Requires at least: 6.4
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: vulqir
*/
:root{--vq-paper:#f7f4ef;--vq-cream:#fcfaf7;--vq-sand:#ebe4da;--vq-gold:#b99661;--vq-ink:#302b27;--vq-muted:#756e65;--vq-dark:#2d2a27;--vq-line:#e6ded3}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--vq-paper);color:var(--vq-ink);font-family:'Biryani',Arial,sans-serif;font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b99661;outline-offset:3px}
.vq-sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed!important;top:10px;left:10px;z-index:99999;padding:9px 18px;background:#fff;color:#000;width:auto;height:auto;clip:auto;margin:0}
.vq-site-header{position:relative;z-index:999;background:#050505;color:#fff;height:64px;width:100%;box-shadow:0 1px 3px rgba(0,0,0,.16)}
.vq-site-header__inner{height:100%;display:flex;align-items:center;gap:20px;justify-content:space-between;width:min(100% - 32px,1640px);margin:0 auto}
.vq-site-identity{display:flex;align-items:center;gap:15px;min-width:0;text-decoration:none;color:#fff}
.vq-site-identity:hover{color:#fff}
.vq-site-logo{font-family:'Biryani',Arial,sans-serif;font-weight:900;line-height:1;letter-spacing:-.085em;font-size:33px;flex:none;white-space:nowrap}
.vq-site-identity .custom-logo{max-height:44px;width:auto;object-fit:contain}
.vq-site-descriptor{color:#d2d0cc;font-size:10px;font-weight:400;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vq-site-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.vq-site-nav__list,.vq-site-nav .menu{display:flex;align-items:center;gap:22px;list-style:none;padding:0;margin:0}
.vq-site-nav li{margin:0;padding:0;position:relative}
.vq-site-nav a{position:relative;display:inline-flex;align-items:center;color:#ddd6cc;text-decoration:none;font-size:12.5px;line-height:1.4;letter-spacing:.035em;font-weight:500;white-space:nowrap;padding:8px 0;transition:color .25s ease,opacity .25s ease}
.vq-site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:linear-gradient(90deg,rgba(232,212,175,.0),rgba(232,212,175,.95) 20%,rgba(167,126,74,.95) 80%,rgba(232,212,175,0));transform:scaleX(0);transform-origin:left center;transition:transform .28s ease,opacity .28s ease;opacity:.9}
.vq-site-nav a:hover,.vq-site-nav a[aria-current],.vq-site-nav .current-menu-item>a,.vq-site-nav .current_page_item>a{color:#fff}
.vq-site-nav a:hover::after,.vq-site-nav a[aria-current]::after,.vq-site-nav .current-menu-item>a::after,.vq-site-nav .current_page_item>a::after{transform:scaleX(1)}
.vq-cart-link{font-size:11.5px;text-decoration:none;border:1px solid rgba(203,177,133,.6);padding:8px 12px;color:#f7f3e9;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.02);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.vq-cart-link:hover{background:#24201c;border-color:#d8bc95;transform:translateY(-1px)}
.vq-menu-toggle{display:none;background:transparent;color:#fff;border:0;padding:8px;cursor:pointer}
.vq-menu-toggle svg{width:24px;height:24px;display:block}
.vq-search-toggle{background:transparent;color:#ddd;padding:2px;border:0;cursor:pointer;line-height:0}
.vq-search-form{display:none;position:absolute;right:20px;top:64px;background:#201e1c;padding:14px;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.vq-search-form.open{display:block}
.vq-search-form form{display:flex;gap:7px}
.vq-search-form input{background:#fff;border:0;padding:8px;min-width:230px}
.vq-search-form button{background:#b99661;color:#181818;border:0;padding:7px 14px;cursor:pointer}
.vq-site-main{min-height:40vh}
.vq-hero{position:relative;overflow:hidden;width:100%;background:#c7b6a5}
.vq-hero--home{aspect-ratio:850/437}
.vq-hero--brand-story{aspect-ratio:850/436}
.vq-hero--products{aspect-ratio:850/240}
.vq-hero--contact{aspect-ratio:850/147}
.vq-hero-picture,.vq-hero-image{display:block;width:100%;height:100%}
.vq-hero-image{object-fit:cover}
/* v1.5: top banners use backgrounds instead of IMG elements. Normal image
   right-click options are absent; this does not hide image URLs from devtools. */
.vq-hero-picture.vq-hero-background{display:block;width:100%;height:100%;background-image:var(--vq-hero-desktop);background-size:cover;background-position:center;background-repeat:no-repeat;user-select:none;-webkit-user-select:none}
@media(max-width:620px){.vq-hero-picture.vq-hero-background{background-image:var(--vq-hero-mobile)}}
.vq-mobile-hero-caption{display:none}
.vq-site-footer{background:#f6f3ef;text-align:center;border-top:1px solid #eee6da;padding:42px 20px 48px;color:#81776c}
.vq-site-footer .foot-mark{color:#a48e73;font-size:13px;letter-spacing:.16em;font-weight:600;margin:0 0 12px}
.vq-site-footer .foot-copy{font-size:11px;margin:4px auto;color:#8a8075}
.vq-site-footer .foot-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:12px 0}
.vq-site-footer .foot-links a{text-decoration:none;font-size:11px}
.vq-site-footer .foot-links a:hover{color:#9a784a}
.vq-site-footer .foot-note{font-size:9px;color:#a5a098;max-width:760px;margin:8px auto}
.vq-page-editor{max-width:980px;margin:0 auto;padding:0 24px 80px}
.vq-page-editor:empty{display:none}
.vq-page-editor .entry-content{font-size:15px}
.vq-page-editor .entry-content p{line-height:1.9}
.vq-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(44px,6vw,78px);font-weight:400;line-height:1.05;margin:0}
.vq-kicker-extra{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--vq-gold);font-weight:600}
.vq-dark-cta{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:#c49f66;padding:14px 28px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:600;color:#302922;transition:background .2s}
.vq-dark-cta:hover{background:#d4b57d}
.vq-blog-container,.vq-shop-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:70px 0 95px}
.vq-blog-head{text-align:center;margin-bottom:60px}
.vq-blog-head .vq-kicker-extra{display:block;margin-bottom:13px}
.vq-blog-head .vq-title{margin-bottom:18px}
.vq-blog-subtitle{color:var(--vq-muted);max-width:600px;margin:0 auto;font-size:13px}
.vq-blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.vq-blog-card{background:#fffdfa;border:1px solid #ece5dd;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.vq-blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(62,44,23,.08)}
.vq-blog-card__image{aspect-ratio:4/3;overflow:hidden;background:#e9e1d7;display:block}
.vq-blog-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.vq-blog-card:hover .vq-blog-card__image img{transform:scale(1.035)}
.vq-blog-card__body{padding:24px}
.vq-blog-card__date{font-size:10px;color:#a18e73;letter-spacing:.12em;text-transform:uppercase}
.vq-blog-card h2{font:400 30px/1.12 'Cormorant Garamond',serif;margin:12px 0 11px}
.vq-blog-card h2 a{text-decoration:none}
.vq-blog-card p{font-size:12px;color:var(--vq-muted);line-height:1.8}
.vq-blog-more{text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #d6c1a2;padding-bottom:7px}
.vq-pagination{margin-top:50px;text-align:center}
.vq-pagination .page-numbers{display:inline-block;padding:8px 12px;text-decoration:none;border:1px solid #dfd4c6;margin:3px}
.vq-pagination .current{background:#302b27;color:#fff}
.vq-single{max-width:850px;margin:auto;padding:75px 26px 110px}
.vq-single-meta{text-align:center;font-size:11px;letter-spacing:.1em;color:#ad916f;text-transform:uppercase}
.vq-single h1{font:400 clamp(42px,6vw,68px)/1.08 'Cormorant Garamond',serif;text-align:center;max-width:740px;margin:16px auto 35px}
.vq-single-image{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;margin:30px auto 45px}
.vq-single-content{font-size:15px;line-height:2;color:#4c453f}
.vq-single-content h2,.vq-single-content h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.2}
.vq-single-content h2{font-size:36px}.vq-single-content h3{font-size:28px}
.vq-single-content a{color:#94714c}
.vq-back-link{text-decoration:none;color:var(--vq-gold);font-size:11px;text-transform:uppercase;letter-spacing:.11em}
.vq-empty-state{max-width:700px;text-align:center;margin:60px auto 80px;padding:55px 30px;background:#fffdfa;border:1px solid #e9e1d7}
.vq-empty-state h2{font:400 40px/1.1 'Cormorant Garamond',serif}
.vq-empty-state p{color:var(--vq-muted);font-size:13px}
/* WooCommerce store integration; inherits the site's editorial styling. */
.woocommerce .woocommerce-breadcrumb{font-size:11px;color:#948575;margin-bottom:24px}
.woocommerce .woocommerce-breadcrumb a{text-decoration:none}
.woocommerce h1.page-title,.woocommerce-products-header__title{font:400 clamp(42px,5vw,68px)/1.1 'Cormorant Garamond',Georgia,serif!important;text-align:center;margin:0 0 25px}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{font-size:12px;color:#81766c}
.woocommerce ul.products li.product{background:#fffdfa;padding:0 0 18px!important;border:1px solid #ebe4db;overflow:hidden}
.woocommerce ul.products li.product img{aspect-ratio:4/5;object-fit:cover;margin:0 0 16px!important}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{font:500 22px/1.22 'Cormorant Garamond',serif!important;color:#302b27;padding:0 16px!important}
.woocommerce ul.products li.product .price{color:#95764e!important;font-size:13px!important;padding:0 16px}
.woocommerce ul.products li.product .button{background:#2d2a27!important;border-radius:0!important;color:#fff!important;margin:8px 16px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;padding:12px!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0!important}
.woocommerce div.product .product_title{font:400 52px/1.1 'Cormorant Garamond',serif}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#96744b!important}
.woocommerce div.product form.cart .button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#332d28!important;color:#fff!important;padding:14px 22px!important}
.woocommerce .quantity .qty{min-height:42px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{padding:12px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation a{text-decoration:none}
.woocommerce-message,.woocommerce-info{border-top-color:#b99661!important;background:#fffdfa}
.woocommerce-message::before,.woocommerce-info::before{color:#b99661!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:10px;background:#fffdfa;border:1px solid #dcd1c4}
.vq-woo-head{text-align:center;padding:64px 20px 15px}
.vq-woo-head p{font-size:10px;letter-spacing:.24em;color:#a48b6a;text-transform:uppercase}
.vq-woo-head h1{font:400 clamp(44px,6vw,74px)/1.08 'Cormorant Garamond',serif;margin:10px auto}
.vq-woo-head span{font-size:13px;color:#756e65}
.vq-inquiry-form .vq-honeypot{position:absolute;left:-10000px;height:1px;overflow:hidden}
@media(max-width:1180px){.vq-site-descriptor{display:none}.vq-site-header__inner{gap:12px}.vq-site-nav__list,.vq-site-nav .menu{gap:16px}.vq-site-nav a{font-size:12px}}
@media(max-width:960px){
 .vq-site-header{height:60px}.vq-site-header__inner{width:calc(100% - 28px)}.vq-site-logo{font-size:30px}
 .vq-menu-toggle{display:block;margin-left:auto}.vq-site-nav{display:none;position:absolute;left:0;right:0;top:60px;z-index:99;background:#111;padding:20px 25px 26px;box-shadow:0 15px 25px rgba(0,0,0,.22)}
 .vq-site-nav.open{display:block}.vq-site-nav__list,.vq-site-nav .menu{flex-direction:column;align-items:stretch;gap:0}.vq-site-nav li a{display:block;padding:12px 3px;font-size:14px;letter-spacing:.05em;border-bottom:1px solid #2c2926}.vq-site-nav li a::after{left:0;right:auto;width:72px;bottom:0}.vq-cart-link{margin-left:0}
 .vq-search-form{top:60px}.vq-blog-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
 .vq-site-logo{font-size:26px}.vq-site-header__inner{gap:10px}.vq-cart-link{font-size:10px;padding:5px 8px}
 .vq-hero--home,.vq-hero--brand-story{height:min(86vh,650px);min-height:500px;aspect-ratio:auto}
 .vq-hero--home .vq-hero-image,.vq-hero--brand-story .vq-hero-image{object-fit:cover}
/* v1.5: top banners use backgrounds instead of IMG elements. Normal image
   right-click options are absent; this does not hide image URLs from devtools. */
.vq-hero-picture.vq-hero-background{display:block;width:100%;height:100%;background-image:var(--vq-hero-desktop);background-size:cover;background-position:center;background-repeat:no-repeat;user-select:none;-webkit-user-select:none}
@media(max-width:620px){.vq-hero-picture.vq-hero-background{background-image:var(--vq-hero-mobile)}}
 .vq-hero--home::after,.vq-hero--brand-story::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,25,19,.5),rgba(26,22,18,.09))}
 .vq-mobile-hero-caption{display:block;position:absolute;left:7%;top:22%;max-width:86%;color:white;z-index:2}
 .vq-mobile-hero-caption .overline{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 6px #342f2b}
 .vq-mobile-hero-caption h1{font-family:'Biryani',Arial,sans-serif;font-size:clamp(31px,8vw,47px);font-weight:500;letter-spacing:-.04em;line-height:1.14;margin:15px 0;text-shadow:0 2px 5px #27211c}
 .vq-mobile-hero-caption p{font-size:13px;line-height:1.8;text-shadow:0 1px 5px #27211c}
 .vq-mobile-hero-caption--brand h1{font-size:48px;letter-spacing:.06em}
 .vq-hero--products{height:200px;aspect-ratio:auto}.vq-hero--contact{height:130px;aspect-ratio:auto}
 .vq-blog-container,.vq-shop-wrap{width:calc(100% - 32px);padding:38px 0 65px}
 .vq-blog-cards{grid-template-columns:1fr;gap:18px}.vq-blog-head{margin-bottom:32px}.vq-blog-card__body{padding:20px}
 .vq-single{padding:48px 18px 65px}.vq-single h1{margin-bottom:20px}
 .vq-site-footer{padding:38px 18px}.vq-woo-head{padding:40px 10px 10px}
 .woocommerce ul.products li.product h2.woocommerce-loop-product__title{font-size:18px!important}.woocommerce div.product .product_title{font-size:37px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.vq-site-logo-img{display:block;width:145px;height:auto;max-height:42px;object-fit:contain}
@media(max-width:620px){.vq-site-logo-img{width:112px}}

/* v1.1 - Native WordPress Featured Image banners: each page can be updated separately. */
.vq-hero--optional{aspect-ratio:3.6 / 1;max-height:560px;min-height:185px}
.vq-hero--optional .vq-hero-picture{height:100%}
/* Original screenshot photos contain desktop lettering; add live copy only for new uploads. */
@media(min-width:621px){
 .vq-hero--edited .vq-mobile-hero-caption{display:block;position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:720px;color:#fff;z-index:2;text-shadow:0 2px 16px rgba(20,15,10,.48)}
 .vq-hero--edited::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,24,19,.38),rgba(30,24,19,0) 65%);pointer-events:none}
 .vq-hero--edited .vq-mobile-hero-caption .overline{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
 .vq-hero--edited .vq-mobile-hero-caption h1{font-size:clamp(34px,5vw,76px);font-weight:500;line-height:1.18;letter-spacing:-.04em;margin:20px 0 14px}
 .vq-hero--edited .vq-mobile-hero-caption p{font-size:15px}
}
@media(max-width:620px){.vq-hero--optional{height:190px;aspect-ratio:auto;min-height:0}}
