/*
Theme Name: AutoTradeIQ
Theme URI: https://autotradeiq.com
Description: Cake Equity-inspired founder command-center design for AutoTradeIQ. Child theme of Storefront. Warm bone canvas, electric violet CTAs, chartreuse receipt accent, Plus Jakarta Sans display + Inter UI, pill buttons, 20px cards.
Author: AutoTradeIQ
Template: storefront
Version: 0.2.0
Text Domain: autotradeiq
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700&family=Inter:wght@300;400;500;600;700&display=swap');

/* ===== Cake Equity tokens ===== */
:root{
  --violet:#4823ff; --violet-mid:#7e78ff; --iris:#6d67fb;
  --lilac:#ede9ff; --peri:#d9d2ff; --chartreuse:#e7ff6e; --powder:#99cefe;
  --bone:#fafaf8; --paper:#ffffff; --ink:#18161a; --carbon:#333; --graphite:#222;
  --slate:#898b91; --lavgray:#9e99ab; --midnight:#1e1b22;
  --r-card:20px; --r-btn:100px; --r-tag:999px; --r-small:12px;
  --font-d:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --font:'Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ===== Base ===== */
body{font-family:var(--font);color:var(--ink);background:var(--bone);font-size:16px;line-height:1.5;letter-spacing:-0.001em;}
.col-full,.storefront-full-width-content .col-full{max-width:1200px;}
a{color:var(--violet);}
a:hover{color:var(--violet-mid);}
h1,h2,h3,h4{font-family:var(--font-d);font-weight:700;color:var(--ink);letter-spacing:-0.03em;line-height:1.05;}
h1{font-size:48px;} h2{font-size:31px;} h3{font-size:20px;font-family:var(--font);font-weight:600;letter-spacing:-0.01em;}

/* ===== Buttons — electric violet, full pill ===== */
button,.button,input[type=submit],a.button,.added_to_cart,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--violet) !important;color:#fff !important;border:1.5px solid var(--violet) !important;
  border-radius:var(--r-btn) !important;font-family:var(--font);font-weight:600;font-size:15px;
  padding:10px 22px;text-transform:none;letter-spacing:-0.001em;box-shadow:none !important;transition:background .15s ease;
}
button:hover,.button:hover,input[type=submit]:hover,a.button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:var(--violet-mid) !important;border-color:var(--violet-mid) !important;color:#fff !important;
}
.button.ghost,.woocommerce .button.ghost{background:transparent !important;color:var(--violet) !important;border:1.5px solid var(--violet) !important;}

/* ===== Header / nav ===== */
.site-header{background:var(--bone);border-bottom:1px solid var(--peri);padding-top:16px;padding-bottom:16px;}
.site-header .site-branding img,.custom-logo{max-height:40px;width:auto;}
.site-title a{font-family:var(--font-d);font-weight:700;color:var(--ink) !important;letter-spacing:-0.03em;}
.main-navigation ul li a,.storefront-primary-navigation a{color:var(--ink) !important;font-weight:500;font-size:15px;letter-spacing:-0.001em;}
.main-navigation ul li a:hover{color:var(--violet) !important;}

/* ===== Surfaces / cards ===== */
.woocommerce ul.products li.product,
.woocommerce-account .woocommerce-MyAccount-content,
.post,.page,.hentry,.card{
  background:var(--paper);border:1px solid var(--peri);border-radius:var(--r-card);box-shadow:none;
}
.woocommerce ul.products li.product{padding:20px;}
.woocommerce ul.products li.product img{border-radius:var(--r-small);}
.woocommerce ul.products li.product .price{color:var(--ink);font-weight:600;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px;font-weight:600;color:var(--ink);font-family:var(--font);letter-spacing:-0.01em;}

/* ===== Inputs ===== */
input[type=text],input[type=email],input[type=password],input[type=tel],
input[type=number],input[type=search],select,textarea,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select{
  background:var(--paper);border:1px solid var(--peri);border-radius:var(--r-small);
  padding:12px 16px;font-family:var(--font);font-size:15px;color:var(--ink);
}
input:focus,select:focus,textarea:focus{border-color:var(--violet) !important;outline:none;box-shadow:0 0 0 3px var(--lilac);}
::placeholder{color:var(--slate);}

/* ===== my-account (member command center) ===== */
.woocommerce-account .woocommerce-MyAccount-navigation{width:24%;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{border:1px solid var(--peri);border-radius:var(--r-card);background:var(--paper);overflow:hidden;list-style:none;margin:0;padding:8px;}
.woocommerce-account .woocommerce-MyAccount-navigation li{border:0;margin:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;color:var(--ink);font-weight:500;font-size:15px;border-radius:var(--r-tag);}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--violet);color:#fff;}
.woocommerce-account .woocommerce-MyAccount-content{padding:24px;width:72%;}
.woocommerce table.shop_table{border:1px solid var(--peri);border-radius:var(--r-card);}
.woocommerce table.shop_table th{background:var(--lilac);}

/* ===== Helpers for page bands ===== */
.atiq-dark{background:var(--midnight);color:#fff;}
.atiq-dark h1,.atiq-dark h2,.atiq-dark h3{color:#fff;}
.atiq-dark p{color:var(--lavgray);}
.atiq-lilac{background:var(--lilac);}
.atiq-chip{background:var(--chartreuse);color:var(--ink);border-radius:var(--r-tag);padding:4px 12px;font-weight:600;font-size:12px;}
.atiq-eyebrow{font-family:var(--font);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--violet);}

/* ===== Badge / tag ===== */
.atiq-badge,.onsale{background:var(--lilac);color:var(--violet);border-radius:var(--r-tag) !important;font-weight:600;font-size:12px;padding:4px 12px;border:0;}

/* ===== Footer (single dark punctuation) ===== */
.site-footer{background:var(--midnight);color:var(--lavgray);border-top:0;}
.site-footer a{color:#fff;}
.site-footer a:hover{color:var(--chartreuse);}
.storefront-handheld-footer-bar{background:var(--midnight);}

/* ===== Rounding + price ===== */
.price del{color:var(--slate);}