/*
Theme Name: Woomart Industrial
Theme URI: https://woomart.ba
Author: Woomart
Author URI: https://woomart.ba
Description: Modern industrial theme for WOOMART (drvo & metal) with yellow accents and dark style.
Version: 1.0.0
Text Domain: woomart-industrial
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===== CSS Variables ===== */
:root{
  --brand-yellow:#FFDD00;
  --brand-dark:#111111;
  --brand-brown:#A0522D;
  --text:#EDEDED;
  --muted:#9A9A9A;
  --bg:#0E0E0E;
}

/* Reset-ish */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.6;
}

/* Links & Buttons */
a{color:var(--brand-yellow);text-decoration:none}
a:hover{opacity:.9}
.button, .wp-block-button__link, button, input[type=submit]{
  display:inline-block; padding:12px 20px; border-radius:6px; border:0;
  background:var(--brand-yellow); color:#111; font-weight:800; letter-spacing:.5px; cursor:pointer;
}
.button.is-outline{background:transparent;border:2px solid var(--brand-yellow);color:var(--brand-yellow)}
.button:hover, .wp-block-button__link:hover, button:hover, input[type=submit]:hover{filter:brightness(.9)}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  background:linear-gradient(180deg, #0a0a0a 0%, #111 100%);
  border-bottom:1px solid #1e1e1e;
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  max-width:1200px; margin:0 auto; padding:12px 18px;
}
.brand{display:flex; align-items:center; gap:12px}
.brand .site-title{font-size:20px; font-weight:800; letter-spacing:1px; color:var(--text); margin:0}
.brand .site-title span{color:var(--brand-yellow)}
.site-description{font-size:12px; color:var(--muted); margin:0}

.menu-toggle{display:none; background:transparent; border:0; color:var(--text); font-size:22px}

.primary-nav{display:flex; gap:10px; align-items:center}
.primary-nav a{
  color:#ddd; padding:10px 14px; border-radius:8px; font-weight:600; text-transform:uppercase; font-size:12px; letter-spacing:.6px;
}
.primary-nav .current-menu-item > a,
.primary-nav a:hover{ background:#181818; color:var(--brand-yellow)}

/* Mobile */
@media (max-width:900px){
  .menu-toggle{display:block}
  .primary-nav{display:none; flex-direction:column; gap:0; background:#0f0f0f; border-top:1px solid #1e1e1e}
  .primary-nav a{display:block; padding:14px 18px; border-bottom:1px solid #1e1e1e}
  .primary-nav.is-open{display:flex}
}

/* Hero */
.hero{
  background:
    linear-gradient(180deg, rgba(0,0,0,0.65), rgba(0,0,0,0.85)),
    radial-gradient(1200px 400px at 10% 0%, rgba(255,221,0,.08), transparent 60%),
    radial-gradient(1200px 400px at 90% 0%, rgba(160,82,45,.08), transparent 60%),
    #0c0c0c;
  padding:96px 18px 72px;
  border-bottom:1px solid #1e1e1e;
}
.hero-inner{max-width:1200px; margin:0 auto; text-align:center}
.hero .kicker{color:var(--brand-yellow); font-weight:800; letter-spacing:2px; text-transform:uppercase; font-size:12px}
.hero h1{margin:10px auto 10px; font-size:54px; line-height:1.05; color:#fff}
.hero p{max-width:820px; margin:0 auto 24px; color:#cfcfcf}
.hero .cta{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}

/* Services */
.section{padding:48px 18px}
.container{max-width:1200px; margin:0 auto}
.grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px}
@media (max-width:900px){ .grid{grid-template-columns:1fr} }
.card{
  background:#121212; border:1px solid #1e1e1e; border-radius:14px; overflow:hidden;
  transition:.2s ease; min-height:150px; display:flex; align-items:center; justify-content:center; text-align:center; padding:22px;
}
.card:hover{border-color:#2a2a2a; transform:translateY(-2px)}
.card a{display:block; width:100%; color:#eee; font-weight:700; font-size:16px}

/* Content */
.site-content{padding:24px 18px}
.entry{max-width:900px; margin:0 auto; background:#101010; border:1px solid #1e1e1e; padding:24px; border-radius:14px}

/* Footer */
.site-footer{margin-top:40px; background:#0b0b0b; border-top:1px solid #1e1e1e; color:#bdbdbd}
.footer-inner{max-width:1200px; margin:0 auto; padding:24px 18px; display:flex; gap:20px; flex-wrap:wrap; align-items:center; justify-content:space-between}
.footer-brand{display:flex; align-items:center; gap:10px}
.footer-brand strong{color:#fff}
.footer-contact{font-size:14px}
.footer-contact a{color:var(--brand-yellow)}


/* === Glavni meni (žuta slova, horizontalno) — v2 === */
.primary-nav-list{
  display:flex;
  gap:30px;
  list-style:none;
  margin:0;
  padding:0;
  align-items:center;
}
.primary-nav-list > li > a{
  color: var(--brand-yellow);
  font-weight:700;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  padding:8px 4px;
  transition: color .3s ease, border-bottom .3s ease;
  border-bottom:2px solid transparent;
  display:block;
}
.primary-nav-list > li.current-menu-item > a,
.primary-nav-list > li > a:hover{
  border-bottom:2px solid var(--brand-yellow);
  color:#ffffff;
}

/* Desktop alignment in header */
.header-inner{display:flex;align-items:center;justify-content:space-between}