/*
Theme Name: Gocew Calculators
Theme URI: https://gocew.com
Author: Gocew
Description: Fast, SEO-friendly calculator theme for gocew.com. Built to compete with inchcalculator.com on conversion, construction, and electrical calculators.
Version: 1.0.0
Text Domain: gocew
*/

/* =========================================================
   COLOR SYSTEM
   Niche: measurement / construction / electrical calculators
   Navy = trust & precision, Amber = tools/tape-measure accent
   ========================================================= */
:root{
  --gc-navy: #123B57;
  --gc-navy-dark: #0B2638;
  --gc-amber: #F2994A;
  --gc-amber-dark: #D97C1F;
  --gc-bg: #FFFFFF;
  --gc-bg-soft: #F5F7F9;
  --gc-text: #1A1F24;
  --gc-text-muted: #5B6670;
  --gc-border: #E3E8EC;
  --gc-success: #1E9E6B;
  --gc-radius: 10px;
  --gc-shadow: 0 2px 10px rgba(11,38,56,0.08);
  --gc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
}

[data-theme="dark"]{
  --gc-bg: #0F1720;
  --gc-bg-soft: #172230;
  --gc-text: #EDF1F4;
  --gc-text-muted: #9AA7B2;
  --gc-border: #263140;
  --gc-navy: #1C5A82;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family: var(--gc-font);
  background: var(--gc-bg);
  color: var(--gc-text);
  line-height:1.6;
  font-size:16px;
}
a{color: var(--gc-navy); text-decoration:none;}
a:hover{color: var(--gc-amber-dark);}
img{max-width:100%; height:auto;}

.gc-container{max-width:1180px; margin:0 auto; padding:0 20px;}

/* Header */
.gc-header{
  background: var(--gc-navy);
  color:#fff;
  position: sticky; top:0; z-index:100;
  box-shadow: var(--gc-shadow);
}
.gc-header .gc-container{display:flex; align-items:center; justify-content:space-between; height:64px;}
.gc-logo{font-weight:800; font-size:1.35rem; color:#fff; letter-spacing:.2px;}
.gc-logo span{color: var(--gc-amber);}
.gc-nav ul{display:flex; gap:22px; list-style:none; margin:0; padding:0;}
.gc-nav a{color:#dfe9ef; font-weight:600; font-size:.95rem;}
.gc-nav a:hover{color: var(--gc-amber);}
.gc-theme-toggle{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:20px;padding:6px 14px;cursor:pointer;font-size:.85rem;}

/* Calculator card */
.gc-card{
  background: var(--gc-bg);
  border:1px solid var(--gc-border);
  border-radius: var(--gc-radius);
  padding:24px;
  box-shadow: var(--gc-shadow);
}
.gc-btn{
  display:inline-block;
  background: var(--gc-amber);
  color:#1A1000;
  font-weight:700;
  border:none;
  border-radius:8px;
  padding:12px 22px;
  cursor:pointer;
  font-size:1rem;
}
.gc-btn:hover{background: var(--gc-amber-dark); color:#fff;}
.gc-result{
  background: var(--gc-bg-soft);
  border:1px dashed var(--gc-border);
  border-radius:8px;
  padding:16px;
  margin-top:14px;
  font-size:1.15rem;
  font-weight:700;
  color: var(--gc-navy);
}
[data-theme="dark"] .gc-result{color:#fff;}

/* Category grid on front page / archive */
.gc-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; margin:26px 0;}
.gc-tile{
  border:1px solid var(--gc-border);
  border-radius: var(--gc-radius);
  padding:18px;
  transition:transform .15s, box-shadow .15s;
  background: var(--gc-bg);
}
.gc-tile:hover{transform:translateY(-3px); box-shadow: var(--gc-shadow);}
.gc-tile h3{margin:0 0 6px; font-size:1.05rem;}
.gc-tile p{margin:0; color: var(--gc-text-muted); font-size:.9rem;}

/* FAQ / content */
.gc-content h2{color: var(--gc-navy); margin-top:2em;}
[data-theme="dark"] .gc-content h2{color:#fff;}
.gc-faq details{border-bottom:1px solid var(--gc-border); padding:12px 0;}
.gc-faq summary{font-weight:700; cursor:pointer;}

/* Footer */
.gc-footer{background: var(--gc-navy-dark); color:#c7d2d8; padding:40px 0 24px; margin-top:60px; font-size:.9rem;}
.gc-footer a{color:#c7d2d8;}
.gc-footer a:hover{color: var(--gc-amber);}

/* Ad slot spacing so layout doesn't shift (CLS-friendly) */
.gc-ad-slot{min-height:100px; margin:24px 0; text-align:center;}

@media(max-width:780px){
  .gc-nav{display:none;}
}