/*
Theme Name: VANGOR Block Theme
Theme URI: https://www.gontop.online/
Description: Development-only VANGOR editorial Block Theme preview.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: vangor-block-theme
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Playfair+Display:wght@500;600&display=swap');

:root { --vangor-ink:#20211f; --vangor-ink-soft:#4d504a; --vangor-paper:#fbfaf7; --vangor-ivory:#f4f1eb; --vangor-warm:#e8ded1; --vangor-olive:#5a604c; --vangor-rust:#a56e54; --vangor-line:rgba(32,33,31,.18); }
*, *::before, *::after { box-sizing:border-box; }
body { margin:0; color:var(--vangor-ink); font-family:'DM Sans',Arial,sans-serif; font-size:15px; line-height:1.5; background:var(--vangor-paper); }
a { color:inherit; text-decoration:none; }
.vangor-demo-ribbon { position:fixed; z-index:20; top:0; right:0; padding:6px 12px; background:var(--vangor-rust); color:#fff; font-size:9px; letter-spacing:.12em; }
.vangor-announcement { padding:6px 24px; background:var(--vangor-ink); color:var(--vangor-ivory); text-align:center; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.vangor-wordmark { display:inline-block; font-size:25px; font-weight:500; letter-spacing:.38em; line-height:1; }
.vangor-header { position:sticky; top:0; z-index:10; background:rgba(251,250,247,.97); border-bottom:1px solid rgba(32,33,31,.18); }
.vangor-header-inner { display:grid; grid-template-columns:220px 1fr auto; align-items:center; gap:42px; min-height:92px; padding:0 5vw; }
.vangor-nav,.vangor-actions { display:flex; align-items:center; justify-content:center; gap:clamp(14px,2vw,30px); font-size:11px; letter-spacing:.04em; }
.vangor-mobile-menu { display:none; }
.vangor-actions { justify-content:flex-end; white-space:nowrap; }
.vangor-nav-toggle { display:none; min-height:44px; padding:11px 14px; border:1px solid rgba(32,33,31,.18); background:none; }
.vangor-hero { display:grid; grid-template-columns:40% 60%; min-height:680px; overflow:hidden; background:var(--vangor-olive); }
.vangor-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(44px,7vw,108px) clamp(28px,6vw,92px); color:var(--vangor-ivory); }
.vangor-hero h1,.vangor-section h2 { margin:16px 0 25px; font-family:'Playfair Display',Georgia,serif; font-weight:500; letter-spacing:0; line-height:.96; }
.vangor-hero h1 { font-size:clamp(3.2rem,5.4vw,6.7rem); }
.vangor-eyebrow { margin:0; color:var(--vangor-rust); font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.vangor-hero .vangor-eyebrow,.vangor-dark .vangor-eyebrow { color:#d7b39f; }
.vangor-hero p:not(.vangor-eyebrow) { max-width:350px; margin:0 0 32px; font-size:16px; }
.vangor-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; width:max-content; min-height:46px; padding:13px 16px; border:1px solid currentColor; font-size:11px; letter-spacing:.05em; }
.vangor-button-dark { background:var(--vangor-ink); color:var(--vangor-ivory); border-color:var(--vangor-ink); }
.vangor-button:hover,.vangor-button:focus-visible { background:var(--vangor-rust); color:#fff; border-color:var(--vangor-rust); }
.vangor-hero-media { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:10px; padding:28px; background:#756f62; }
.vangor-media-slot { display:grid; place-content:center; min-height:190px; color:rgba(244,241,235,.86); text-align:center; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.vangor-media-slot small { display:block; margin-top:5px; color:#e2b9a3; font-size:8px; }
.vangor-media-slot.leather { grid-row:1 / 3; background:#77634f; }
.vangor-media-slot.hardware { background:#9b927d; }
.vangor-media-slot.handbag { background:#958071; }
.vangor-section { padding:clamp(4.5rem,9vw,9rem) 5vw; }
.vangor-section h2 { font-size:clamp(2.6rem,5vw,5.8rem); }
.vangor-light { background:var(--vangor-paper); }
.vangor-dark { background:var(--vangor-ink); color:var(--vangor-ivory); }
.vangor-warm { background:var(--vangor-warm); }
.vangor-olive { background:var(--vangor-olive); color:var(--vangor-ivory); }
.vangor-section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; max-width:1440px; margin:0 auto 52px; }
.vangor-section-intro { max-width:270px; color:var(--vangor-ink-soft); font-size:13px; }
.vangor-dark .vangor-section-intro { color:rgba(244,241,235,.65); }
.vangor-products { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1440px; margin:auto; }
.vangor-product-image { display:grid; place-content:center; aspect-ratio:4/5; background:#d7d0c4; color:rgba(32,33,31,.65); text-align:center; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.vangor-product:nth-child(2) .vangor-product-image { background:#dcd9d1; }
.vangor-product:nth-child(3) .vangor-product-image { background:#d7c5b6; }
.vangor-product-image small { display:block; margin-top:5px; color:var(--vangor-rust); font-size:8px; }
.vangor-product-meta { display:flex; justify-content:space-between; min-height:66px; padding-top:14px; border-top:1px solid var(--vangor-ink); font-size:12px; }
.vangor-product-meta p { margin:0; }
.vangor-product-meta p:last-child { color:var(--vangor-rust); text-align:right; }
.vangor-categories { display:grid; grid-template-columns:repeat(2,1fr); max-width:1440px; margin:auto; }
.vangor-category { display:grid; grid-template-columns:70px 1fr 24px; align-items:center; min-height:150px; border-bottom:1px solid rgba(244,241,235,.3); font:500 clamp(1.25rem,2.8vw,2.5rem) 'Playfair Display',Georgia,serif; }
.vangor-category:nth-child(odd) { padding-right:7vw; border-right:1px solid rgba(244,241,235,.3); }
.vangor-category:nth-child(even) { padding-left:7vw; }
.vangor-category small { color:#b8b7a8; font:10px 'DM Sans',Arial,sans-serif; }
.vangor-statement { display:grid; grid-template-columns:1fr 1.35fr; gap:8vw; max-width:1440px; margin:auto; }
.vangor-statement-copy { max-width:700px; }
.vangor-statement-copy > p { max-width:430px; margin:30px 0; color:var(--vangor-ink-soft); font-size:16px; }
.vangor-trust { max-width:600px; margin:34px 0; border-top:1px solid rgba(32,33,31,.18); }
.vangor-trust p { display:grid; grid-template-columns:36px 1fr auto; gap:12px; align-items:center; margin:0; padding:13px 0; border-bottom:1px solid rgba(32,33,31,.18); font-size:13px; }
.vangor-trust em,.vangor-delivery em { color:var(--vangor-rust); font-size:9px; font-style:normal; letter-spacing:.1em; text-transform:uppercase; }
.vangor-service { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:8vw; }
.vangor-service-media { display:grid; place-content:center; min-height:620px; background:#d3c2b1; text-align:center; font-size:10px; letter-spacing:.15em; }
.vangor-delivery { display:grid; grid-template-columns:1fr 1.2fr; gap:10vw; }
.vangor-delivery-list > div { display:grid; grid-template-columns:40px 1fr; gap:15px; border-bottom:1px solid rgba(244,241,235,.35); }
.vangor-delivery p { margin:0; padding:0 0 12px; font:1.15rem 'Playfair Display',Georgia,serif; }
.vangor-delivery em { display:block; margin-top:3px; }
.vangor-newsletter { display:grid; grid-template-columns:1.1fr .8fr 1.4fr auto; align-items:center; gap:28px; padding:38px 5vw; border-bottom:1px solid rgba(32,33,31,.18); }
.vangor-newsletter h2 { margin:6px 0 0; font-size:clamp(2rem,3.4vw,3.8rem); }
.vangor-newsletter p { color:var(--vangor-ink-soft); font-size:13px; }
.vangor-newsletter input { min-width:0; width:100%; padding:12px 0; border:0; border-bottom:1px solid var(--vangor-ink); background:transparent; }
.vangor-footer { padding:68px 5vw 24px; background:var(--vangor-ink); color:var(--vangor-ivory); }
.vangor-footer-top { display:flex; justify-content:space-between; padding-bottom:60px; border-bottom:1px solid rgba(244,241,235,.3); }
.vangor-footer-top p { font:1.3rem 'Playfair Display',Georgia,serif; color:rgba(244,241,235,.65); }
.vangor-footer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding:42px 0 70px; }
.vangor-footer-grid nav { display:grid; gap:10px; font-size:12px; }
.vangor-footer-label { margin:0 0 8px; color:#d7b39f; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.vangor-footer-bottom { display:flex; justify-content:space-between; color:rgba(244,241,235,.5); font-size:10px; letter-spacing:.1em; }
@media (max-width:1000px) { .vangor-header-inner { position:relative; grid-template-columns:1fr auto; gap:20px; } .vangor-nav,.vangor-actions { display:none; } .vangor-mobile-menu { position:relative; display:block; justify-self:end; font-size:12px; } .vangor-mobile-menu summary { cursor:pointer; padding:12px 0; } .vangor-mobile-menu nav { position:absolute; top:100%; right:0; display:grid; gap:14px; width:min(260px,calc(100vw - 44px)); min-width:0; padding:14px; border:1px solid var(--vangor-line); background:var(--vangor-paper); box-shadow:0 12px 24px rgba(32,33,31,.12); } }
@media (max-width:700px) { .vangor-demo-ribbon { position:static; text-align:center; } .vangor-announcement { padding:5px 12px; font-size:8px; } .vangor-header-inner { min-height:72px; padding:0 22px; } .vangor-wordmark { font-size:21px; } .vangor-hero { display:flex; flex-direction:column-reverse; } .vangor-hero-media { min-height:360px; padding:16px; } .vangor-media-slot { min-height:165px; font-size:9px; } .vangor-hero-copy { min-height:430px; padding:66px 22px 74px; } .vangor-hero h1 { font-size:clamp(3rem,14vw,4.6rem); } .vangor-hero p:not(.vangor-eyebrow) { font-size:14px; } .vangor-section { padding:72px 22px; } .vangor-section-head { display:block; margin-bottom:34px; } .vangor-section-intro { margin-top:18px; font-size:14px; } .vangor-products { grid-template-columns:1fr; gap:36px; } .vangor-product-meta { font-size:13px; } .vangor-categories { grid-template-columns:1fr; } .vangor-category,.vangor-category:nth-child(odd),.vangor-category:nth-child(even) { min-height:100px; padding:16px 0; border-right:0; } .vangor-statement,.vangor-service,.vangor-delivery { display:block; } .vangor-statement-copy > p { font-size:14px; } .vangor-trust p { grid-template-columns:28px 1fr; font-size:14px; } .vangor-trust em { grid-column:2; } .vangor-service-media { min-height:330px; margin-bottom:44px; } .vangor-delivery-list { margin-top:48px; } .vangor-newsletter { display:block; padding:48px 22px; } .vangor-newsletter p { font-size:14px; } .vangor-newsletter input { min-height:48px; font-size:14px; } .vangor-newsletter .vangor-button { width:100%; margin-top:18px; } .vangor-footer { padding:52px 22px 22px; } .vangor-footer-top { display:block; padding-bottom:38px; } .vangor-footer-grid { grid-template-columns:1fr 1fr; gap:34px 20px; padding:34px 0 50px; } .vangor-footer-grid nav { font-size:13px; } .vangor-footer-bottom { display:block; line-height:2; } }

/* WooCommerce shares the VANGOR frame and stays intentionally quiet in development. */
.woocommerce-page main.wp-block-group,
.woocommerce-page .wp-block-post-content,
.woocommerce-page .wp-block-woocommerce-page-content-wrapper { width:100%; }
.woocommerce-page .wp-block-post-title,
.woocommerce-page .wp-block-query-title { max-width:1200px; margin:0 auto; padding:clamp(38px,6vw,84px) 5vw 26px; font-family:'Playfair Display',Georgia,serif; font-size:clamp(2.5rem,5vw,5rem); font-weight:500; }
.woocommerce-page .wc-block-breadcrumbs,
.woocommerce-page .woocommerce-breadcrumb { max-width:1200px; margin:0 auto; padding:28px 5vw 0; color:var(--vangor-ink-soft); font-size:12px; }
.woocommerce-page .wc-block-components-notice-banner { border:1px solid rgba(32,33,31,.22); border-radius:0; background:var(--vangor-ivory); color:var(--vangor-ink); box-shadow:none; }
.woocommerce-page .wp-block-woocommerce-product-collection { max-width:1200px; margin:0 auto; padding:0 5vw 100px; }
.woocommerce-page .wc-block-product-template { gap:28px; }
.woocommerce-page .wc-block-grid__product,
.woocommerce-page .wc-block-components-product-card { border:0; border-radius:0; background:transparent; padding:0; }
.woocommerce-page .wc-block-components-product-image img { aspect-ratio:4/5; object-fit:cover; }
.woocommerce-page .wc-block-components-product-name,
.woocommerce-page .wc-block-components-product-title { font-family:'Playfair Display',Georgia,serif; font-size:1.2rem; }
.woocommerce-page .wc-block-components-button,
.woocommerce-page .wp-element-button,
.woocommerce-page button,
.woocommerce-page input[type=submit] { border-radius:0; background:var(--vangor-ink); color:var(--vangor-ivory); border:1px solid var(--vangor-ink); box-shadow:none; min-height:46px; }
.woocommerce-page .wc-block-components-button:hover,
.woocommerce-page .wp-element-button:hover,
.woocommerce-page button:hover { background:var(--vangor-rust); border-color:var(--vangor-rust); }
.woocommerce-page input,
.woocommerce-page select,
.woocommerce-page textarea { border:1px solid rgba(32,33,31,.35); border-radius:0; background:var(--vangor-paper); min-height:46px; }
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input,
.woocommerce-page .wc-block-components-text-input input { border-radius:0; }
.vangor-wc-empty { max-width:720px; margin:0 auto; padding:54px 22px 110px; text-align:center; }
.vangor-wc-empty h2 { margin:0 0 18px; font:500 clamp(2.1rem,4vw,4rem)/1.05 'Playfair Display',Georgia,serif; }
.vangor-wc-empty p { max-width:560px; margin:0 auto 30px; color:var(--vangor-ink-soft); }
.vangor-wc-empty .wp-block-buttons { justify-content:center; gap:12px; }
.vangor-wc-empty .wp-block-button__link { border-radius:0; }
.vangor-wc-empty .vangor-content-required { margin-top:26px; color:var(--vangor-rust); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.woocommerce-cart .wp-block-post-content,
.woocommerce-checkout .wp-block-post-content,
.woocommerce-account .wp-block-post-content { max-width:1200px; margin:0 auto; padding:0 5vw 110px; }
.woocommerce-cart .wp-block-post-title { padding-bottom:30px; }
.woocommerce-cart .wc-block-cart__empty-cart { padding:36px 0 60px; }
.woocommerce-cart .wc-block-cart__empty-cart h2 { font:500 clamp(2rem,4vw,3.8rem)/1.05 'Playfair Display',Georgia,serif; }
.woocommerce-cart .wc-block-cart__empty-cart p { color:var(--vangor-ink-soft); }
.woocommerce-cart .wc-block-cart__empty-cart .wc-block-components-button { margin-right:10px; }
.woocommerce-account .wp-block-post-content { max-width:760px; }
.woocommerce-account .woocommerce { max-width:660px; margin:0 auto; }
.woocommerce-account .woocommerce h2 { font:500 clamp(2.1rem,4vw,3.5rem)/1.05 'Playfair Display',Georgia,serif; }
.woocommerce-account .woocommerce form.login { border:1px solid rgba(32,33,31,.2); border-radius:0; background:transparent; padding:32px; }
.woocommerce-account .woocommerce form .form-row { margin-bottom:18px; }
.woocommerce-account .woocommerce form .form-row label { display:block; margin-bottom:7px; font-size:13px; }
.woocommerce-account .woocommerce .lost_password { margin-top:22px; font-size:13px; }
.woocommerce-checkout .woocommerce-info { border-radius:0; border-top-color:var(--vangor-rust); }
.woocommerce-checkout .woocommerce-info::before { color:var(--vangor-rust); }
@media (max-width:700px) { .woocommerce-page .wp-block-post-title,.woocommerce-page .wp-block-query-title { padding:42px 22px 22px; font-size:2.8rem; } .woocommerce-page .wc-block-breadcrumbs,.woocommerce-page .woocommerce-breadcrumb { padding:22px 22px 0; } .woocommerce-page .wp-block-woocommerce-product-collection { padding:0 22px 72px; } .woocommerce-cart .wp-block-post-content,.woocommerce-checkout .wp-block-post-content,.woocommerce-account .wp-block-post-content { padding:0 22px 72px; } .woocommerce-account .woocommerce form.login { padding:22px; } .woocommerce-cart .wc-block-cart__empty-cart .wc-block-components-button { width:100%; margin:0 0 12px; } }