/*
Theme Name: UNDRAFTED V3.3
Theme URI: https://undrafted.eu
Author: OpenAI
Author URI: https://openai.com
Description: Premium one-page WooCommerce-ready WordPress theme for UNDRAFTED with editable homepage, starter content, category pages, and inquiry form styling.
Version: 3.3
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: undrafted-v33
*/

:root{
  --bg:#050505;
  --bg-soft:#0c0c0c;
  --panel:#111111;
  --panel-2:#171717;
  --text:#f4f4f4;
  --muted:#b8b8b8;
  --line:#242424;
  --line-strong:#313131;
  --white:#ffffff;
  --accent:#ffffff;
  --max:1240px;
  --radius:24px;
  --radius-sm:18px;
  --shadow:0 20px 55px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.admin-bar .site-header{top:32px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.site-shell{min-height:100vh}
.container{width:min(calc(100% - 32px),var(--max));margin:0 auto}
.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.05)}
.section.tight{padding:64px 0}
.kicker{display:inline-block;padding:7px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#d6d6d6;background:rgba(255,255,255,.03)}
h1,h2,h3,h4,h5,p,ul,ol{margin:0}
h1{font-size:clamp(3.2rem,8.8vw,6.8rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}
h2{font-size:clamp(2.1rem,4.7vw,3.8rem);line-height:.98;letter-spacing:-.045em;text-transform:uppercase}
h3{font-size:1.25rem;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase}
p{color:#e8e8e8}
.lead{font-size:1.08rem;color:#dedede;max-width:760px}
.muted{color:var(--muted)}

.site-header{position:sticky;top:0;z-index:300;background:rgba(5,5,5,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-header.is-scrolled{background:rgba(5,5,5,.92);box-shadow:0 10px 32px rgba(0,0,0,.22);border-color:rgba(255,255,255,.09)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;transition:min-height .25s ease}
.site-header.is-scrolled .header-row{min-height:70px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{height:28px;width:auto;max-width:220px}
.brand-mark{font-weight:800;letter-spacing:.28em;text-transform:uppercase;font-size:.95rem;white-space:nowrap}
.main-nav-wrap{display:flex;align-items:center;gap:24px}
.main-nav{display:flex;align-items:center;gap:24px}
.main-nav a,.main-nav .menu-item > a{font-size:.86rem;letter-spacing:.15em;text-transform:uppercase;color:#ededed;opacity:.88}
.main-nav a:hover,.main-nav .current-menu-item>a{opacity:1}
.header-cta{display:flex;align-items:center;gap:12px}
.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;padding:8px;margin-right:-8px}

.btn,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.13);transition:.24s ease;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:#fff}
.btn:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{transform:translateY(-1px)}
.btn-primary,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#fff!important;color:#050505!important;border-color:#fff!important}
.btn-secondary,.is-style-outline .wp-element-button{background:transparent;color:#fff}
.btn-ghost{background:rgba(255,255,255,.04)}

.hero{position:relative;overflow:hidden;padding:92px 0 64px;background:radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 28%),linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 32%),var(--bg)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.hero-copy{padding:28px 0}
.hero-copy .eyebrow{display:inline-block;margin-bottom:18px;font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;color:#d8d8d8}
.hero-copy p{margin-top:22px;max-width:680px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-panel,.card,.shop-card,.contact-panel{background:linear-gradient(180deg,var(--panel),#0c0c0c);border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:var(--shadow)}
.hero-panel{padding:28px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.stat{border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px;background:rgba(255,255,255,.02)}
.stat strong{display:block;font-size:1.35rem;letter-spacing:-.03em}
.logo-lockup{display:flex;align-items:center;justify-content:center;min-height:320px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.01)),#0b0b0b;padding:32px}
.logo-lockup img{max-width:320px;filter:drop-shadow(0 14px 38px rgba(255,255,255,.06))}
.hero-note{margin-top:18px;display:flex;justify-content:space-between;gap:16px;font-size:.9rem;color:#cfcfcf}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{padding:26px}
.product-card{display:flex;flex-direction:column;gap:18px;min-height:100%}
.product-card img,.starter-product-grid img{border-radius:18px}
.product-badge{display:inline-block;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#d8d8d8}
.feature-list,.process-steps,.value-list,.clean-list{display:grid;gap:12px;margin-top:18px;padding:0}
.feature-list li,.process-steps li,.value-list li,.clean-list li{list-style:none;position:relative;padding-left:18px;color:#dfdfdf}
.feature-list li:before,.process-steps li:before,.value-list li:before,.clean-list li:before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:999px;background:#fff}
.quote-wrap{display:grid;grid-template-columns:1fr .95fr;gap:20px;align-items:stretch}
.quote-box{padding:34px;border-radius:32px;background:linear-gradient(180deg,#121212,#0a0a0a);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.quote{font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.18;letter-spacing:-.03em}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-item{padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.process-step{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#cecece;margin-bottom:12px}
.cta-strip{padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}

.page-hero,.shop-hero{padding:86px 0 42px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 55%)}
.page-hero p,.shop-hero p{max-width:760px}
.shop-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.shop-card{padding:20px}
.shop-card .thumb{overflow:hidden;border-radius:18px;background:#0b0b0b}
.shop-card .thumb img{width:100%;transition:transform .35s ease}
.shop-card:hover .thumb img{transform:scale(1.03)}
.shop-card .meta{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-top:16px}
.shop-card .price{color:#fff;font-weight:700}
.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.term-card{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111,#0d0d0d)}
.term-card h3{margin-bottom:8px}

.content-area{padding:48px 0}
.entry-card{padding:36px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#101010,#0a0a0a);box-shadow:var(--shadow)}
.entry-card .entry-title{margin-bottom:16px}
.entry-card .entry-content > * + *{margin-top:18px}
.entry-card .wp-block-image img{border-radius:18px}
.entry-card ul,.entry-card ol{padding-left:20px}
.entry-card li{margin:8px 0}

.contact-layout{display:grid;grid-template-columns:1fr .92fr;gap:22px}
.contact-panel{padding:30px}
.contact-panel h3{margin-bottom:10px}
.contact-points{display:grid;gap:14px;margin-top:22px}
.contact-point{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.form-shell{display:grid;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:.9rem;font-weight:600;letter-spacing:.02em;color:#fff;margin-bottom:8px}
input:not([type=checkbox]):not([type=radio]),textarea,select,.wpcf7-form-control,.wpforms-field input,.wpforms-field textarea,.wpforms-field select,.fluentform input,.fluentform textarea,.fluentform select{width:100%;background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:15px 16px;color:#fff;outline:none;box-shadow:none}
textarea{min-height:150px;resize:vertical}
input:focus,textarea:focus,select:focus,.wpcf7-form-control:focus,.wpforms-field input:focus,.wpforms-field textarea:focus,.wpforms-field select:focus,.fluentform input:focus,.fluentform textarea:focus,.fluentform select:focus{border-color:rgba(255,255,255,.34)}
.wpcf7-submit,.wpforms-submit,.ff-btn-submit{background:#fff!important;color:#050505!important;border:none!important;border-radius:999px!important;padding:15px 24px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.contact-form-note{font-size:.9rem;color:#cfcfcf}

.footer{padding:28px 0 48px;border-top:1px solid rgba(255,255,255,.06);background:#040404}
.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;color:#d3d3d3}

/* Gutenberg */
.alignwide{width:min(calc(100% - 32px),1400px);margin-left:auto!important;margin-right:auto!important}
.alignfull{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:100vw!important;width:100vw!important}
.wp-block-group__inner-container,.wp-block-columns{max-width:100%}
.wp-site-blocks,.entry-content{overflow-wrap:anywhere}
.entry-content .wp-block-button__link{border-radius:999px}
.entry-content .wp-block-group{position:relative}
.entry-content .wp-block-group[style*="background-color:#000"],.entry-content .has-black-background-color{background:#060606!important}
.entry-content .wp-block-columns{gap:24px}
.entry-content .wp-block-image img{width:100%;height:auto}
.entry-content .wp-block-group,.entry-content .wp-block-cover,.entry-content .wp-block-column{border-color:rgba(255,255,255,.08)!important}

/* WooCommerce */
.woocommerce{color:#efefef}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-breadcrumb,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#d6d6d6}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:100%!important;margin:0!important;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(180deg,#111,#0b0b0b)}
.woocommerce ul.products li.product img{border-radius:18px;margin-bottom:16px!important}
.woocommerce ul.products li.product .button{margin-top:14px!important;width:100%}
.woocommerce div.product{display:grid;gap:28px}
.woocommerce div.product div.images img,.woocommerce div.product div.images .woocommerce-product-gallery__image a{border-radius:22px;overflow:hidden}
.woocommerce-tabs,.related.products{margin-top:34px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#0d0d0d;color:#fff;border-top-color:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{background:#0d0d0d;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 15px}
.woocommerce-cart table.cart img{width:72px;border-radius:12px}
.woocommerce table.shop_table{border-color:rgba(255,255,255,.08)}

@media (max-width: 1100px){
  .hero-grid,.quote-wrap,.contact-layout{grid-template-columns:1fr}
  .grid-3,.term-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 820px){
  body.admin-bar .site-header{top:46px}
  .container{width:min(calc(100% - 24px),var(--max))}
  .section{padding:68px 0}
  .header-row{min-height:72px}
  .main-nav-wrap{position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);padding:88px 24px 24px;background:#090909;border-left:1px solid rgba(255,255,255,.08);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;z-index:350}
  .main-nav-wrap.is-open{transform:translateX(0)}
  .main-nav{flex-direction:column;align-items:flex-start;gap:18px;width:100%}
  .main-nav a,.main-nav .menu-item>a{font-size:1rem}
  .header-cta{width:100%;flex-direction:column;align-items:stretch;margin-top:14px}
  .mobile-toggle{display:block}
  .hero{padding:70px 0 48px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-stats,.grid-3,.term-grid,.woocommerce ul.products,.process-grid,.form-row{grid-template-columns:1fr}
  .cta-strip,.footer-row{align-items:flex-start}
  h1{font-size:clamp(2.6rem,13vw,4.2rem)}
  h2{font-size:clamp(1.85rem,8vw,2.6rem)}
  .entry-card,.contact-panel,.card,.shop-card,.hero-panel{padding:22px}
  .logo-lockup{min-height:220px;padding:24px}
}
@media (max-width: 480px){
  .section{padding:58px 0}
  .cta-strip{padding:22px}
  .hero-note{flex-direction:column}
}