/*
Theme Name: Creative Solution AI
Theme URI: https://creativesolution.online/
Description: Creative Solution AI custom theme using the approved Emergent design with Electro and WooCommerce compatibility.
Author: Creative Solution
Version: 1.0.0
Template: electro
Text Domain: creative-solution-ai
*/
:root{--cs-orange:#ea580c;--cs-orange-dark:#c2410c;--cs-ink:#0f172a;--cs-text:#475569;--cs-muted:#64748b;--cs-line:#e2e8f0;--cs-soft:#fafaf7;--cs-green:#16a34a;--cs-radius:12px}
body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--cs-ink);background:#fff}
h1,h2,h3,h4,h5,h6,.site-title{font-family:'Outfit','Plus Jakarta Sans',sans-serif;color:var(--cs-ink)}
a{color:var(--cs-orange-dark)}
.cs-site-header{position:relative;z-index:50;border-bottom:1px solid #eef2f7;background:#fff}
.cs-header-inner{max-width:1216px;height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.cs-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cs-ink);font-weight:800;line-height:1}
.cs-brand img{width:74px;height:40px;object-fit:contain;border:1px solid var(--cs-line);border-radius:20px;padding:3px;background:#fff}
.cs-brand-text{font-family:'Outfit',sans-serif;font-size:16px}
.cs-brand-ai{display:block;color:var(--cs-orange);font-size:12px;letter-spacing:.15em;margin-top:2px}
.cs-nav{margin-left:auto;display:flex;align-items:center;gap:30px}
.cs-nav a{color:#334155;text-decoration:none;font-size:14px;font-weight:600}
.cs-nav a:hover{color:var(--cs-orange)}
.cs-header-actions{display:flex;align-items:center;gap:12px}
.cs-login{color:#334155;text-decoration:none;font-weight:600;font-size:14px}
.cs-start,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border:0!important;border-radius:12px!important;background:var(--cs-orange)!important;color:#fff!important;font-weight:700!important;padding:13px 22px!important;box-shadow:none!important;text-decoration:none!important}
.cs-start:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--cs-orange-dark)!important}
.cs-language{border:1px solid var(--cs-line);border-radius:999px;padding:9px 14px;color:#475569;font-size:13px;font-weight:600}
.cs-mobile-toggle{display:none;background:transparent;border:0;font-size:24px;color:var(--cs-ink)}
.site-content{min-height:60vh}
.cs-page-shell{max-width:1180px;margin:0 auto;padding:56px 24px 72px}
.cs-page-shell>.entry-header{text-align:center;margin-bottom:34px}
.cs-page-shell .entry-title{font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.03em}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:56px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important}
.woocommerce div.product .product_title{font-size:clamp(30px,4vw,48px);line-height:1.12;font-weight:800;letter-spacing:-.03em}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--cs-orange)!important;font-family:'Outfit',sans-serif;font-size:30px!important;font-weight:800}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--cs-text);font-size:16px;line-height:1.75}
.woocommerce div.product form.cart{padding:20px 0;border-top:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line)}
.woocommerce .quantity .qty{min-height:48px;border:1px solid var(--cs-line);border-radius:10px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--cs-orange)!important;background:#fff7ed!important;color:#7c2d12!important;border-radius:12px}
.woocommerce-message:before,.woocommerce-info:before{color:var(--cs-orange)!important}
.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-billing-fields,.woocommerce-additional-fields,.woocommerce-form-login,.woocommerce-form-coupon{background:#fff;border:1px solid var(--cs-line);border-radius:16px;padding:24px}
.woocommerce table.shop_table{border:1px solid var(--cs-line)!important;border-radius:14px!important}
.woocommerce table.shop_table th{font-family:'Outfit',sans-serif;color:var(--cs-ink)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.select2-container--default .select2-selection--single{border:1px solid var(--cs-line);border-radius:10px;min-height:46px;padding:10px 12px;background:#fff}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--cs-orange);outline:2px solid #fed7aa}
#payment{background:var(--cs-soft)!important;border:1px solid var(--cs-line);border-radius:16px!important}
.cs-site-footer{background:var(--cs-ink);color:#cbd5e1;padding:48px 24px 24px}
.cs-footer-inner{max-width:1216px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.cs-site-footer h3{color:#fff;font-size:17px;margin-bottom:14px}
.cs-site-footer a{display:block;color:#cbd5e1;text-decoration:none;margin:8px 0}
.cs-site-footer a:hover{color:#fff}
.cs-footer-note{max-width:1216px;margin:36px auto 0;padding-top:20px;border-top:1px solid #334155;font-size:13px;display:flex;justify-content:space-between;gap:16px}
.cs-talkid{color:#fdba74!important}
@media(max-width:900px){
 .cs-header-inner{height:64px;padding:0 16px}
 .cs-brand img{width:66px;height:36px}
 .cs-brand-text{font-size:14px}
 .cs-mobile-toggle{display:block;margin-left:auto}
 .cs-nav{display:none;position:absolute;left:16px;right:16px;top:64px;margin:0;padding:18px;background:#fff;border:1px solid var(--cs-line);border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.12);flex-direction:column;align-items:flex-start;gap:14px}
 .cs-nav.is-open{display:flex}
 .cs-header-actions .cs-language,.cs-header-actions .cs-login{display:none}
 .cs-start{padding:10px 14px!important;font-size:13px}
 .cs-page-shell{padding:34px 16px 52px}
 .woocommerce div.product{grid-template-columns:1fr;gap:24px}
 .cs-footer-inner{grid-template-columns:1fr}
 .cs-footer-note{flex-direction:column}
}
@media(max-width:480px){
 .cs-brand-text{display:none}
 .cs-start{display:none}
 .woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-billing-fields,.woocommerce-additional-fields{padding:16px}
}
