/*
Theme Name:   CIRCUIT Skin — Woodmart Child
Theme URI:    https://example.com
Description:  Child theme pentru Woodmart care aplică identitatea vizuală CIRCUIT (navy + verde, Archivo + IBM Plex, etichete de inventar). CSS original, scris de la zero — suprascrie doar stilurile, nu modifică fișierele temei părinte.
Author:       CIRCUIT
Template:     woodmart
Version:      1.0.0
Text Domain:  circuit-skin
*/

/* ============================================================
   0. VARIABILE DE BRAND — schimbi totul de aici
   ============================================================ */
:root{
  --crc-navy:#0B1F33;
  --crc-navy-2:#123450;
  --crc-green:#2BB673;
  --crc-green-dark:#1E8F59;
  --crc-lime:#C9F35B;
  --crc-paper:#F2F5F8;
  --crc-ink:#13212E;
  --crc-ink-soft:#46596A;
  --crc-line:#CFDAE2;
  --crc-mono:'IBM Plex Mono',monospace;
  --crc-sans:'IBM Plex Sans',sans-serif;
  --crc-disp:'Archivo',sans-serif;
  --crc-radius:6px;
  --crc-shadow:0 1px 2px rgba(11,31,51,.06),0 8px 24px rgba(11,31,51,.08);

  /* mapăm și variabilele globale pe care Woodmart le expune,
     ca accentul temei să devină verdele CIRCUIT */
  --wd-primary-color:var(--crc-green);
  --wd-alternative-color:var(--crc-navy);
  --wd-link-color:var(--crc-green-dark);
  --wd-link-color-hover:var(--crc-navy);
  --btn-accented-bgcolor:var(--crc-green);
  --btn-accented-bgcolor-hover:var(--crc-green-dark);
  --wd-text-font:var(--crc-sans);
  --wd-title-font:var(--crc-disp);
  --wd-entities-title-font:var(--crc-sans);
}

/* ============================================================
   1. TIPOGRAFIE GLOBALĂ
   ============================================================ */
body, .wd-entry-content, p, li, input, textarea, select{
  font-family:var(--crc-sans) !important;
  color:var(--crc-ink);
}
h1,h2,h3,h4,.title,.wd-title,.entry-title,.woocommerce-loop-product__title,
.product-title, .wd-entities-title{
  font-family:var(--crc-disp) !important;
  font-weight:800 !important;
  letter-spacing:-.02em;
  color:var(--crc-ink);
}
.price, .amount, .sku, .wd-product-sku, .posted_in,
.cart-totals-inner .amount, .order-total .amount{
  font-family:var(--crc-mono) !important;
}
body{ background-color:var(--crc-paper); }

/* ============================================================
   2. HEADER + NAVIGARE
   ============================================================ */
/* bara de sus (top bar) */
.whb-top-bar, .whb-top-bar .whb-flex-row{
  background-color:var(--crc-navy) !important;
  color:#B9CBD9 !important;
  font-family:var(--crc-mono);
  font-size:12.5px;
}
.whb-top-bar a{ color:#B9CBD9 !important; }
.whb-top-bar a:hover{ color:#fff !important; }

/* header principal */
.whb-general-header, .whb-main-header .whb-general-header{
  background-color:#fff !important;
  border-bottom:1px solid var(--crc-line);
}

/* meniu principal */
.wd-nav-main > li > a, .whb-header .wd-nav > li > a{
  font-family:var(--crc-sans);
  font-weight:600 !important;
  color:var(--crc-ink) !important;
}
.wd-nav-main > li > a:hover,
.wd-nav-main > li.current-menu-item > a{
  color:var(--crc-green-dark) !important;
}
.wd-nav-main > li.current-menu-item > a{
  box-shadow:inset 0 -3px 0 var(--crc-green);
}
/* submeniuri (dropdown) */
.wd-dropdown-menu, .wd-dropdown{
  border:1px solid var(--crc-line) !important;
  border-radius:0 0 var(--crc-radius) var(--crc-radius) !important;
  box-shadow:var(--crc-shadow) !important;
}

/* căutarea din header */
.wd-search-form input[type="text"], .searchform input[type="text"]{
  font-family:var(--crc-mono);
  border:1.5px solid var(--crc-line) !important;
  border-radius:var(--crc-radius) !important;
  background:#F6F9FB !important;
}
.wd-search-form button[type="submit"]{
  background:var(--crc-green) !important;
  color:#06251A !important;
}

/* bula coșului din header */
.wd-cart-number, .wd-header-cart .wd-cart-number,
.wd-tools-element .wd-counter{
  background-color:var(--crc-lime) !important;
  color:var(--crc-navy) !important;
  font-family:var(--crc-mono);
  font-weight:600;
}

/* ============================================================
   3. BUTOANE (WooCommerce + Woodmart)
   ============================================================ */
.button, button.button, a.button,
.woocommerce .button, .add_to_cart_button,
.single_add_to_cart_button, .checkout-button,
input[type="submit"], .btn{
  font-family:var(--crc-mono) !important;
  font-weight:600 !important;
  border-radius:var(--crc-radius) !important;
  background-color:var(--crc-navy) !important;
  color:#fff !important;
  border:1.5px solid var(--crc-navy) !important;
  text-transform:uppercase;
  letter-spacing:.04em;
  transition:background .12s, transform .12s !important;
}
.button:hover, .add_to_cart_button:hover,
.single_add_to_cart_button:hover, .checkout-button:hover{
  background-color:var(--crc-green-dark) !important;
  border-color:var(--crc-green-dark) !important;
  transform:translateY(-1px);
}
/* butonul principal de checkout — verde, ca CTA-urile din demo */
.checkout-button, .single_add_to_cart_button{
  background-color:var(--crc-green) !important;
  border-color:var(--crc-green) !important;
  color:#06251A !important;
}
.checkout-button:hover, .single_add_to_cart_button:hover{
  background-color:var(--crc-lime) !important;
  border-color:var(--crc-lime) !important;
  color:var(--crc-navy) !important;
}

/* ============================================================
   4. CARDURILE DE PRODUS — stil „etichetă de inventar”
   ============================================================ */
.wd-product, .product-grid-item, ul.products li.product{
  background:#fff;
  border:1px solid var(--crc-line) !important;
  border-radius:var(--crc-radius) !important;
  overflow:hidden;
  transition:box-shadow .15s, transform .15s;
}
.wd-product:hover, .product-grid-item:hover, ul.products li.product:hover{
  box-shadow:var(--crc-shadow);
  transform:translateY(-2px);
}
/* zona de titlu + preț */
.wd-entities-title a, .woocommerce-loop-product__title{
  font-family:var(--crc-sans) !important;
  font-weight:600 !important;
  font-size:14.5px !important;
  color:var(--crc-ink) !important;
}
.wd-entities-title a:hover{ color:var(--crc-green-dark) !important; }
.price{
  font-family:var(--crc-disp) !important;
  font-weight:800 !important;
  color:var(--crc-ink) !important;
}
.price del{ color:var(--crc-ink-soft) !important; font-weight:500; }
.price ins{ text-decoration:none; }

/* SKU-ul afișat ca serie de inventar */
.wd-product-sku, .sku_wrapper{
  font-family:var(--crc-mono);
  font-size:10.5px;
  letter-spacing:.06em;
  color:var(--crc-ink-soft);
  text-transform:uppercase;
}
.wd-product-sku::before, .sku_wrapper .sku::before{ content:"S/N "; }

/* linia punctată „de etichetă” deasupra titlului din card */
.wd-product .wd-entities-title{
  border-top:1.5px dashed var(--crc-line);
  padding-top:10px;
  margin-top:6px;
}

/* badge-uri (sale / labels Woodmart) → stil grad */
.wd-product-labels .onsale, span.onsale, .product-label{
  background:var(--crc-lime) !important;
  color:var(--crc-navy) !important;
  font-family:var(--crc-mono) !important;
  font-weight:600 !important;
  border-radius:3px !important;
  font-size:11px !important;
}
/* etichete de grad: în Woodmart definești "Product label" cu textul
   GRAD A / GRAD B, iar aceste clase le colorează */
.product-label.grad-a, .wd-product-labels .grad-a{ background:var(--crc-green) !important; color:#fff !important; }
.product-label.grad-b, .wd-product-labels .grad-b{ background:var(--crc-lime) !important; color:var(--crc-navy) !important; }

/* ============================================================
   5. PAGINA DE PRODUS
   ============================================================ */
.single-product .product_title{
  font-family:var(--crc-disp) !important;
  font-weight:900 !important;
}
.single-product .price{ font-size:30px !important; }
/* tabelul de atribute ca în demo */
.woocommerce-product-attributes, table.shop_attributes{
  border:1px solid var(--crc-line) !important;
}
.woocommerce-product-attributes th, table.shop_attributes th{
  font-family:var(--crc-mono) !important;
  font-size:12.5px !important;
  color:var(--crc-ink-soft) !important;
  background:#F6F9FB !important;
}
/* taburi */
.wd-nav-tabs li.active a, .woocommerce-tabs ul.tabs li.active a{
  color:var(--crc-green-dark) !important;
  box-shadow:inset 0 -3px 0 var(--crc-green);
}

/* ============================================================
   6. COȘ + CHECKOUT
   ============================================================ */
.woocommerce table.shop_table{
  border:1px solid var(--crc-line) !important;
  border-radius:var(--crc-radius);
  overflow:hidden;
}
.woocommerce table.shop_table th{
  background:var(--crc-navy) !important;
  color:#fff !important;
  font-family:var(--crc-mono) !important;
  font-size:11.5px !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:500 !important;
}
.cart-totals-inner, .cart_totals{
  background:#fff;
  border:1px solid var(--crc-line) !important;
  border-radius:var(--crc-radius);
  padding:20px;
}
/* câmpuri de formular */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single{
  font-family:var(--crc-mono) !important;
  border:1.5px solid var(--crc-line) !important;
  border-radius:var(--crc-radius) !important;
  background:#F6F9FB !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
  border-color:var(--crc-green) !important;
  box-shadow:none !important;
}

/* ============================================================
   7. FOOTER
   ============================================================ */
.wd-prefooter, .footer-container, .main-footer{
  background-color:var(--crc-navy) !important;
  color:#A3B8C8 !important;
}
.main-footer .widget-title, .footer-container .widget-title{
  font-family:var(--crc-mono) !important;
  font-size:11.5px !important;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--crc-green) !important;
}
.main-footer a, .footer-container a{ color:#A3B8C8 !important; }
.main-footer a:hover, .footer-container a:hover{ color:#fff !important; }
.copyrights-wrapper{
  background:var(--crc-navy) !important;
  border-top:1px solid #1D3A53 !important;
  color:#7A93A8 !important;
  font-family:var(--crc-mono);
  font-size:12px;
}

/* ============================================================
   8. DIVERSE — notificări, breadcrumb, paginare
   ============================================================ */
.woocommerce-message, .wd-notice.wd-success{
  border-color:var(--crc-green) !important;
}
.woocommerce-breadcrumb, .wd-breadcrumbs{
  font-family:var(--crc-mono) !important;
  font-size:12px !important;
  color:var(--crc-ink-soft) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--crc-navy) !important;
  color:#fff !important;
}
/* link-uri generale */
a{ transition:color .12s; }
.wd-entry-content a:not(.button){ color:var(--crc-green-dark); }