/*
Theme Name: Tailor & Time Atelier
Theme URI: https://tailorandtime.com/
Author: Tailor & Time
Description: Bespoke, high-performance luxury menswear and watch storefront for Tailor & Time.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: tailor-time
License: GPL-2.0-or-later
*/
:root{--night:#090b0d;--ink:#101316;--panel:#171a1e;--panel2:#1d2024;--gold:#c9a56b;--goldbright:#e4c898;--ivory:#f2ede3;--fog:#c3c2be;--muted:#9e9f9d;--line:rgba(205,170,115,.24);--max:1240px}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.66;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}
a{color:var(--goldbright);text-decoration:none;transition:color .15s ease}
a:hover{color:#fff}
button,input,textarea,select{font-size:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--goldbright);outline-offset:3px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,.tt-serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.18;letter-spacing:.012em}
h1{font-size:clamp(2.65rem,5.5vw,5.6rem)}
h2{font-size:clamp(2.1rem,3.5vw,3.65rem)}
h3{font-size:clamp(1.35rem,2vw,1.9rem)}
p{margin:0 0 1.2rem}
::selection{background:var(--gold);color:var(--night)}
.tt-shell{width:min(calc(100% - 44px),var(--max));margin-inline:auto}
.tt-skip{position:absolute;left:16px;top:-80px;background:#fff;color:#000;padding:12px;z-index:999}
.tt-skip:focus{top:12px}
.tt-announcement{background:#0f1215;color:var(--goldbright);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.24em;text-transform:uppercase;text-align:center;padding:11px 18px}
.tt-header{position:relative;z-index:50;background:rgba(9,11,13,.97);border-bottom:1px solid var(--line)}
.tt-header-inner{min-height:91px;display:flex;align-items:center;gap:36px}
.tt-brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;color:var(--ivory)}
.tt-brand:hover{color:var(--ivory)}
.tt-brand-mark{width:58px;height:58px;border-radius:50%;border:1px solid var(--gold);object-fit:cover}
.tt-brand-name{display:block;font-family:Georgia,serif;font-size:22px;line-height:1.1;letter-spacing:.10em;text-transform:uppercase}
.tt-brand-sub{display:block;margin-top:5px;color:var(--gold);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.tt-nav{display:flex;align-items:center;justify-content:center;gap:23px;margin-left:auto;flex-wrap:wrap}
.tt-nav a{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--fog);text-transform:uppercase;white-space:nowrap}
.tt-nav a:hover,.tt-nav .current-menu-item a{color:var(--goldbright)}
.tt-header-actions{display:flex;align-items:center;gap:17px}
.tt-header-actions a{white-space:nowrap;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.tt-menu-toggle{display:none;background:transparent;color:var(--goldbright);border:1px solid var(--line);padding:8px 12px}
.tt-hero-image{position:relative;min-height:280px;max-height:610px;overflow:hidden;background:#0c0b09}
.tt-hero-image img{width:100%;height:auto;max-height:610px;object-fit:cover;object-position:center center}
.tt-intro{padding:88px 0 100px;text-align:center;background:radial-gradient(ellipse at top,rgba(201,165,107,.09),transparent 55%),var(--night)}
.tt-kicker{display:block;color:var(--goldbright);font-size:11px;letter-spacing:.26em;font-weight:600;text-transform:uppercase;margin-bottom:23px}
.tt-intro h1{margin:0 auto 25px;max-width:890px}
.tt-intro p{font-size:17px;max-width:670px;color:var(--fog);margin:0 auto 29px;line-height:1.85}
.tt-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.tt-button,body .woocommerce a.button,body .woocommerce button.button,body .woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--gold);background:var(--gold);color:#11100e;padding:15px 26px;min-height:49px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;border-radius:0;transition:all .17s ease}
.tt-button:hover,body .woocommerce a.button:hover,body .woocommerce button.button:hover{background:var(--goldbright);color:var(--night)}
.tt-button--outline{background:transparent;color:var(--goldbright)}
.tt-button--outline:hover{background:var(--gold);color:var(--night)}
.tt-rule{height:1px;background:var(--line)}
.tt-section{padding:92px 0}
.tt-section--alt{background:var(--ink)}
.tt-section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.tt-section-header h2{margin:0}
.tt-section-header p{margin:10px 0 0;color:var(--muted);max-width:610px}
.tt-link{color:var(--goldbright);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.17em;padding-bottom:6px;border-bottom:1px solid var(--line)}
.tt-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.tt-collection{min-height:280px;padding:33px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(147deg,#242522,#121416 67%);border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.tt-collection:before{content:"";position:absolute;width:250px;height:250px;right:-135px;top:-130px;border:1px solid rgba(205,170,115,.18);border-radius:50%}
.tt-collection:after{content:"";position:absolute;right:-70px;bottom:-150px;width:280px;height:280px;border:1px solid rgba(205,170,115,.13);transform:rotate(45deg)}
.tt-collection:hover{transform:translateY(-4px);border-color:rgba(205,170,115,.65)}
.tt-collection-no{font-family:Georgia,serif;color:var(--gold);font-size:15px;letter-spacing:.1em}
.tt-collection h3{font-size:clamp(1.55rem,2.2vw,2.35rem);margin:0 0 12px;color:var(--ivory)}
.tt-collection p{margin:0 0 20px;color:var(--muted);max-width:285px;font-size:13px;line-height:1.7}
.tt-collection-action{font-size:10px;color:var(--goldbright);text-transform:uppercase;letter-spacing:.18em}
.tt-collection-feature{grid-column:span 2;background:linear-gradient(120deg,rgba(201,165,107,.11),transparent 60%),#17191b}
.tt-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.tt-story-visual{min-height:390px;background:radial-gradient(circle at 52% 40%,rgba(201,165,107,.19),transparent 52%),linear-gradient(145deg,#212327,#0b0c0f);border:1px solid var(--line);display:grid;place-items:center;padding:50px}
.tt-story-visual img{width:min(300px,76%);height:auto;border-radius:50%;box-shadow:0 22px 75px rgba(0,0,0,.5)}
.tt-story-text h2{margin:0 0 23px}
.tt-story-text p{color:var(--fog)}
.tt-promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);padding-top:40px;margin-top:75px}
.tt-promise h3{font-size:18px;margin:0 0 11px}
.tt-promise p{font-size:13px;color:var(--muted);max-width:340px}
.tt-promise-no{font-family:Georgia,serif;font-size:24px;color:var(--gold);margin-bottom:12px}
.tt-products-notice{padding:40px;text-align:center;border:1px solid var(--line);background:var(--panel);color:var(--fog)}
.tt-products-notice h3{margin-top:0}
.tt-newsletter{background:linear-gradient(100deg,#161616,#24221d);border-block:1px solid var(--line);padding:80px 0;text-align:center}
.tt-newsletter h2{margin:0 0 18px}
.tt-newsletter p{color:var(--fog);max-width:610px;margin:0 auto 27px}
.tt-footer{padding:65px 0 25px;background:#07090b}
.tt-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}
.tt-footer h4{font-family:Arial,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-weight:700;margin:0 0 23px}
.tt-footer p,.tt-footer a{color:var(--muted);font-size:13px}
.tt-footer a:hover{color:var(--goldbright)}
.tt-footer-links{display:grid;gap:11px}
.tt-footer .tt-brand{margin-bottom:24px}
.tt-footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
.tt-inner-banner{background:linear-gradient(120deg,#1e201e,#101215);border-bottom:1px solid var(--line);padding:64px 0;text-align:center}
.tt-inner-banner h1{font-size:clamp(2.5rem,4vw,4.4rem);margin:0}
.tt-inner-banner p{color:var(--muted);margin:15px auto 0;max-width:670px}
.tt-content{padding:70px 0 110px;min-height:50vh}
.tt-content--narrow{max-width:850px}
.tt-content h2,.tt-content h3{margin-top:38px}
.tt-content p,.tt-content li{color:var(--fog)}
.tt-content a:not(.tt-button){text-decoration:underline;text-underline-offset:4px}
.tt-content blockquote{margin:32px 0;padding:15px 24px;border-left:3px solid var(--gold);background:var(--ink)}
.tt-content table{width:100%;border-collapse:collapse}
.tt-content td,.tt-content th{border-bottom:1px solid var(--line);padding:13px;text-align:left}
.tt-shop{padding:70px 0 100px;min-height:60vh}
.tt-shop .woocommerce-breadcrumb{color:var(--muted);margin-bottom:30px}
.tt-shop .woocommerce-breadcrumb a{color:var(--goldbright)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:32px}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:var(--panel);border:1px solid var(--line);padding:12px 12px 20px;text-align:center}
.woocommerce ul.products li.product img{aspect-ratio:1/1;object-fit:cover;background:#2b2b2b}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Georgia,serif;color:var(--ivory);font-size:17px;line-height:1.35;padding:12px 4px 6px}
.woocommerce ul.products li.product .price{color:var(--goldbright);font-size:15px}
.woocommerce span.onsale{background:var(--gold);color:var(--night)}
.woocommerce div.product .product_title,.woocommerce h1,.woocommerce h2{color:var(--ivory)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--goldbright)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--panel);border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--ivory)}
.woocommerce table.shop_table,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-color:var(--gold);background:var(--panel);color:var(--fog)}
.woocommerce .quantity .qty,.woocommerce .input-text,.woocommerce select{background:#f7f4ee;color:#111}
.tt-shop input[type=search]{background:#f5f1e9;border:1px solid var(--line);color:#111;padding:12px}
.tt-searchform{display:flex;gap:8px;align-items:center}
.tt-searchform input{max-width:210px;background:#f4efe6;padding:9px 10px;border:0}
.tt-searchform button{background:transparent;border:1px solid var(--gold);color:var(--gold);font-size:12px;padding:8px 10px}
.tt-empty{color:var(--muted)}
@media(max-width:1100px){
.tt-header-inner{flex-wrap:wrap;gap:18px;padding-block:15px}.tt-nav{order:3;flex-basis:100%;margin-left:0;justify-content:center}
.tt-story{gap:35px}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
.tt-shell{width:min(calc(100% - 28px),var(--max))}
.tt-header-inner{min-height:73px;flex-wrap:nowrap;position:relative}.tt-brand-mark{width:46px;height:46px}
.tt-brand-name{font-size:17px}.tt-brand-sub{font-size:7px}
.tt-menu-toggle{display:block;margin-left:auto}.tt-header-actions{display:none}
.tt-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#101215;border:1px solid var(--line);flex-direction:column;align-items:stretch;padding:18px 22px;gap:15px;box-shadow:0 20px 45px rgba(0,0,0,.35)}
.tt-nav.is-open{display:flex}
.tt-announcement{letter-spacing:.12em;font-size:9px}
.tt-intro,.tt-section{padding:65px 0}
.tt-hero-image{min-height:180px}
.tt-section-header{display:block}.tt-section-header .tt-link{display:inline-block;margin-top:20px}
.tt-collection-grid{grid-template-columns:1fr}.tt-collection-feature{grid-column:auto}
.tt-collection{min-height:245px}.tt-story{grid-template-columns:1fr}
.tt-story-visual{min-height:280px;padding:30px}.tt-promise{grid-template-columns:1fr;gap:12px}
.tt-footer-grid{grid-template-columns:1fr 1fr;gap:40px}.tt-footer-grid>div:first-child{grid-column:1/-1}
.tt-footer-bottom{flex-direction:column}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:470px){.woocommerce ul.products{grid-template-columns:1fr}.tt-brand-sub{display:none}.tt-footer-grid{grid-template-columns:1fr}.tt-footer-grid>div:first-child{grid-column:auto}.tt-intro h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Core WooCommerce checkout and cart usability; complements WooCommerce's official stylesheet. */
.woocommerce form .form-row label,.woocommerce .checkout h3,.woocommerce .cart_totals h2,.woocommerce .woocommerce-MyAccount-content h2{color:var(--ivory)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{color:var(--ivory);border-color:var(--line)}
.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register,.woocommerce-checkout #payment{border-color:var(--line);background:var(--panel);color:var(--ivory)}
.woocommerce-checkout #payment div.payment_box{background:var(--ink);color:var(--ivory)}
.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:var(--ink)}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce .select2-container--default .select2-selection--single{background:#f7f4ee;color:#171717;border:1px solid #999;min-height:40px}
.woocommerce a.remove{color:var(--goldbright)!important}
.woocommerce a.remove:hover{background:var(--gold)!important;color:var(--night)!important}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{color:var(--ivory);background:var(--panel);border-top-color:var(--gold)}
.woocommerce .woocommerce-message a,.woocommerce .woocommerce-info a,.woocommerce .woocommerce-error a{color:var(--goldbright)}
.wc-block-cart,.wc-block-checkout,.wc-block-components-sidebar,.wc-block-components-main{color:var(--ivory)}
.wc-block-cart a,.wc-block-checkout a{color:var(--goldbright)}
.wc-block-cart .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--gold);color:var(--night);border:1px solid var(--gold);font-weight:700}
.wc-block-components-button:focus-visible{outline:2px solid var(--goldbright);outline-offset:3px}
@media(max-width:760px){.tt-nav{max-height:72vh;overflow-y:auto}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%;float:none}}
