/*
Theme Name: Atelier Gold
Author: Ben Robinson
Description: A luxury art studio and gallery theme with centred gold titles, labelled hamburger navigation and WooCommerce styling.
Version: 1.0.0
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: atelier-gold
Tags: e-commerce, portfolio, blog, custom-menu, featured-images, wide-blocks
*/
:root{--bg:#171917;--panel:#20231f;--ink:#eee9df;--muted:#b6b5a9;--gold:#d4b77a;--line:#3d4136;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img,video,iframe{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}h1,h2,h3,h4,h5,h6,.site-title{font-family:var(--serif);font-weight:400;line-height:1.12;color:var(--gold)}h1{font-size:clamp(44px,7vw,100px);letter-spacing:-.035em;margin:20px 0}h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.025em}h3{font-size:28px}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;color:var(--gold)}.site-header{position:sticky;top:0;z-index:50;background:rgba(23,25,23,.97);border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;align-items:center;gap:16px;min-height:104px;padding:18px 40px}.site-title{text-align:center;font-size:clamp(23px,3vw,36px);overflow-wrap:anywhere;letter-spacing:.025em}.menu-toggle,.shop-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.08em}.menu-toggle{color:var(--ink);background:none;border:0;padding:12px 0}.shop-link{justify-self:end}.hamburger{display:flex;flex-direction:column;gap:5px;width:25px}.hamburger i{height:1px;background:var(--gold);width:25px}.hamburger i:nth-child(2){width:18px}.hero{text-align:center;padding:75px 0 0}.hero-intro{max-width:540px;margin:22px auto 28px;color:var(--muted)}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:1px solid var(--gold);background:var(--gold);color:#171917!important;padding:14px 24px;font-size:12px;font-weight:600;letter-spacing:.09em;border-radius:0;line-height:1.5;text-decoration:none}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#ead3a3;color:#171917}.hero-art{margin:55px 0 0;padding:20px 20px 0;background:#232720;border:1px solid #4b4a3b}.hero-art img{display:block;width:100%;height:clamp(250px,40vw,540px);object-fit:cover}.hero-art figcaption{display:flex;justify-content:space-between;padding:16px 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.collection,.journal{padding-block:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.section-heading h2{margin:12px 0 0}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--gold);padding-bottom:6px}.studio{background:#e9e3d7;color:#35382f;padding:90px 0}.studio-inner{max-width:740px;text-align:center}.studio h2{color:#7c5d27;font-size:clamp(42px,6vw,72px);margin:25px 0}.studio .eyebrow{color:#735827}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.post-card{border-top:1px solid var(--line);padding-top:20px;min-width:0}.post-card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:20px}.post-card h2{font-size:30px;margin:12px 0 18px}.post-card p,.quiet{color:var(--muted)}.page-main{min-height:60vh;padding-block:60px 90px}.page-heading{text-align:center;padding:10px 0 60px}.page-heading h1,.woocommerce-products-header h1{text-align:center;font-size:clamp(42px,6vw,78px);overflow-wrap:anywhere}.page-content{padding-block:35px}.reading{max-width:820px;margin:auto}.page-content a{text-decoration:underline;text-underline-offset:4px}.page-content>img{display:block;margin:auto auto 35px}.page-content p,.page-content li{overflow-wrap:anywhere}.page-content table{border-collapse:collapse;width:100%}td,th{padding:14px;border:1px solid var(--line)}blockquote{font:italic 28px/1.5 var(--serif);color:var(--gold);border-left:1px solid var(--gold);padding-left:25px}pre{overflow:auto;padding:20px;background:var(--panel)}.alignwide{max-width:100%}.alignfull{width:100%;margin-inline:0}.wp-block-gallery{gap:20px!important}.wp-block-image figcaption{color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:55px 40px 22px}.footer-top{text-align:center}.footer-top p{color:var(--muted);font-size:13px}.footer-top ul{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:11px;color:var(--muted)}dialog{color:var(--ink);background:#20231f;border:1px solid var(--line);width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 40px);padding:35px;overscroll-behavior:contain}dialog::backdrop{background:rgba(0,0,0,.8)}dialog:not([open]){display:none}.menu-open{overflow:hidden}.menu-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.menu-close,.submenu-toggle{background:none;color:var(--gold);border:1px solid var(--line);padding:8px 14px}.menu-top+nav ul{list-style:none;padding:0}.menu-top+nav>ul>li{position:relative;border-bottom:1px solid var(--line);padding:14px 45px 14px 0}.menu-top+nav>ul>li>a{font:32px/1.3 var(--serif);color:var(--gold)}.submenu-toggle{position:absolute;right:0;top:16px}.menu-top+nav ul ul{margin:16px 0 0;padding-left:20px;border-left:1px solid var(--line)}.menu-top+nav ul ul li{position:relative;padding:10px 45px 10px 0}.menu-top+nav [hidden]{display:none!important}.menu-signoff{font-size:12px;color:var(--muted)}.skip-link{position:fixed;left:20px;top:-100px;background:var(--gold);color:#171917;padding:12px;z-index:100}.skip-link:focus{top:10px}.navigation{margin-top:45px}.nav-links{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}input:not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%;padding:12px;border:1px solid #66695c;background:#f8f5ee;color:#242821;border-radius:0}textarea{width:100%}label{display:block}.comment-list{list-style:none;padding:0}.comments{padding-block:35px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:100%!important;margin:0!important;border-bottom:1px solid var(--line);padding-bottom:25px!important}.woocommerce ul.products li.product a img{background:#e7e1d3;padding:16px;aspect-ratio:1/1;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:28px/1.25 var(--serif);color:var(--gold);padding:10px 0}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)!important;font-size:16px}.woocommerce span.onsale{background:var(--gold);color:#171917;border-radius:0;min-height:0;line-height:1.5;padding:5px 12px}.woocommerce .woocommerce-ordering{max-width:100%}.woocommerce div.product .product_title{font-size:clamp(38px,4vw,60px)}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--panel);border:1px solid var(--line);border-radius:0}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--gold);color:#171917}.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none}.woocommerce div.product .woocommerce-tabs ul.tabs:before{border-color:var(--line)}.woocommerce table.shop_table{border-color:var(--line);border-radius:0}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message,.woocommerce .woocommerce-error{background:var(--panel);color:var(--ink);border-top-color:var(--gold)}.woocommerce #payment,.woocommerce .woocommerce-checkout #payment{background:var(--panel)}.woocommerce #payment div.payment_box{background:#353a30;color:var(--ink)}.woocommerce #payment div.payment_box:before{border-bottom-color:#353a30}.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px;border-bottom:1px solid var(--line)}.wc-block-components-product-name,.wc-block-components-title{color:var(--gold)}.wc-block-components-totals-wrapper,.wc-block-cart,.wc-block-checkout{color:var(--ink)}.wc-block-components-button:not(.is-link){background:var(--gold);color:#171917;border-radius:0}.wc-block-components-text-input input,.wc-block-components-combobox input{color:#242821!important;background:#f8f5ee!important}.wc-block-components-text-input label{color:#555!important}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header-inner{padding-inline:20px;grid-template-columns:90px minmax(0,1fr) 90px}.post-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:45px}.collection,.journal,.studio{padding-block:60px}.hero-art{padding:10px 10px 0}.site-footer{padding-inline:20px}}
@media(max-width:600px){.header-inner{grid-template-columns:70px minmax(0,1fr) 60px;gap:8px;min-height:88px}.site-title{font-size:22px}.menu-toggle,.shop-link{font-size:11px;gap:7px}.hamburger{width:20px}.hamburger i{width:20px}.shop-link svg{width:18px}.post-grid,.woocommerce ul.products{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.hero-art figcaption{gap:12px;font-size:8px;text-align:left}.hero-intro{font-size:14px}.footer-bottom{flex-direction:column;text-align:center}.page-main{padding-top:40px}.page-heading{padding-bottom:25px}dialog{padding:22px}.menu-top+nav>ul>li>a{font-size:27px}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%}.woocommerce table.shop_table_responsive tr td{background:var(--panel)!important}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}