/*
Theme Name: Gangcai Steel
Theme URI: http://localhost/
Author: Gangcai
Author URI: http://localhost/
Description: Custom Elementor-ready theme for XX Company (Gangcai Steel). Western industrial style, primary #ffc03d. Header/footer and templates are built with Elementor Theme Builder.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gangcai
Tags: elementor, business, custom-colors, custom-menu, featured-images, full-width-template
*/

/* Theme base reset & design tokens.
   Full component styles live in styles.css (enqueued separately).
   Elementor renders most layout; this file keeps global tokens available. */

:root{
  --primary:#ffc03d;
  --primary-dark:#e6a820;
  --ink:#0e1217;
  --ink-soft:#1a212a;
  --muted:#6b7480;
  --line:#e6e8ec;
  --bg:#ffffff;
  --bg-alt:#f6f7f9;
  --bg-dark:#0e1217;
  --shadow:0 30px 60px -20px rgba(14,18,23,.18);
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

body{font-family:var(--sans);color:var(--ink);}

/* Let Elementor manage full-width sections cleanly */
.gangcai-no-margin{margin:0 !important;}

/* ============================================================
   Theme Builder header/footer layout fixes
   ============================================================ */

/* Header: keep logo / nav / CTA on a single row */
.gangcai-header-inner{flex-wrap:nowrap !important;}
.gangcai-logo{flex:0 0 auto !important;width:auto !important;}
.gangcai-logo-text{width:auto !important;flex:0 0 auto !important;}
.gangcai-nav{flex:1 1 auto !important;width:auto !important;}
.gangcai-nav .elementor-nav-menu{flex-wrap:nowrap !important;justify-content:center;}
.gangcai-nav .elementor-nav-menu .menu-item{white-space:nowrap;}
.gangcai-cta{flex:0 0 auto !important;width:auto !important;}
.gangcai-cta .elementor-button{white-space:nowrap;}

/* Topbar: info left (grow), social + language right (auto) */
.gangcai-topbar-inner{flex-wrap:nowrap !important;}
.gangcai-topbar-left{flex:1 1 auto !important;width:auto !important;}
.gangcai-topbar-right{flex:0 0 auto !important;width:auto !important;}

/* Footer: 4 columns in a single row on desktop */
@media (min-width:1025px){
  .gangcai-footer-cols{flex-wrap:nowrap !important;align-items:flex-start;}
}
.gangcai-footer-cols > .elementor-element{min-width:0;}

/* Responsive: tablet / mobile */
@media (max-width:1024px){
  .gangcai-footer-cols{flex-wrap:wrap !important;}
  .gangcai-footer-cols > .elementor-element{width:46% !important;}

  /* Header: logo left + hamburger right, hide CTA (matches static) */
  .gangcai-header-inner{flex-wrap:nowrap !important;justify-content:space-between !important;}
  .gangcai-cta{display:none !important;}
  .gangcai-nav{flex:0 0 auto !important;}
  .gangcai-topbar-left .elementor-icon-list-item:nth-child(3){display:none !important;}
}
@media (max-width:600px){
  .gangcai-topbar{display:none !important;}
  .gangcai-footer-cols > .elementor-element{width:100% !important;}
  .gangcai-footer-bottom{flex-wrap:wrap !important;justify-content:center !important;gap:6px;text-align:center;}
}

/* ============================================================
   CTA / Contact inquiry form — match static .cta-form styling
   ============================================================ */
.gangcai-cta-form .elementor-field-group > label{display:none !important;}
.gangcai-cta-form .elementor-field-textual{
  width:100% !important;
  background:#f6f7f9 !important;
  border:1px solid #e6e8ec !important;
  border-radius:0 !important;
  padding:16px 18px !important;
  font-size:14px !important;
  font-family:'Inter',sans-serif !important;
  color:#0e1217 !important;
  height:auto !important;
  line-height:1.5 !important;
}
.gangcai-cta-form .elementor-field-textual:focus{
  border-color:#ffc03d !important;
  background:#ffffff !important;
  outline:none !important;
  box-shadow:none !important;
}
.gangcai-cta-form textarea.elementor-field-textual{resize:vertical;min-height:90px;}
.gangcai-cta-form .elementor-button{
  background:#ffc03d !important;
  color:#0e1217 !important;
  width:100% !important;
  justify-content:center !important;
  border-radius:2px !important;
  padding:16px 30px !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  transition:.3s ease !important;
}
.gangcai-cta-form .elementor-button:hover{
  background:#0e1217 !important;
  color:#ffc03d !important;
}

/* ============================================================
   Footer fine-tuning
   ============================================================ */
/* Brand social icons left-aligned */
.gangcai-footer-cols .elementor-social-icons-wrapper{justify-content:flex-start !important;}
.gangcai-footer-cols .gc-fcol-brand .elementor-widget-social-icons{text-align:left;}

/* Bottom bar: copyright left, tagline right */
.gangcai-footer-bottom{flex-wrap:nowrap !important;}
.gangcai-footer-bottom > .elementor-element{width:auto !important;}
