/* MADET – PREMIUM AUTOMOTIVE paleta (grafit, polirana kovina, krom).
   Sloj čez main.css: spreminja samo barve in neposredno povezane barvne učinke.
   Struktura, pisave, razmerja in logotip ostanejo nespremenjeni. */
:root {
	/* Centralna paleta (blagovna znamka) */
	--background: #08090B;
	--background-secondary: #101317;
	--surface: #171B20;
	--surface-hover: #222830;
	--text-primary: #F5F7FA;
	--text-secondary: #B8C0C8;
	--text-muted: #858F99;
	--accent-primary: #D6DEE6;
	--accent-secondary: #AEB8C2;
	--accent-steel: #8A949B;
	--border: #343A40;
	--button-primary-bg: #D6DEE6;
	--button-primary-text: #101317;
	--button-primary-hover: #F5F7FA;

	/* Preslikava na obstoječe spremenljivke teme */
	--bg: var(--background);
	--surface-2: var(--surface-hover);
	--line: var(--border);
	--line-strong: #646D77;
	--text: var(--text-primary);
	--muted: var(--text-secondary);
	--accent: var(--accent-primary);
	--accent-hover: var(--button-primary-hover);
	--mint: var(--accent-primary);
	--ink: var(--button-primary-text);

	/* Kovinski odtenki za subtilne poudarke */
	--metal-tint: rgba(214, 222, 230, .06);
	--metal-tint-strong: rgba(214, 222, 230, .1);
	--metal-line: rgba(174, 184, 194, .32);

	/* Barvna paleta urejevalnika (theme.json) */
	--wp--preset--color--graphite: var(--background);
	--wp--preset--color--surface: var(--surface);
	--wp--preset--color--surface-2: var(--surface-hover);
	--wp--preset--color--accent: var(--accent-primary);
	--wp--preset--color--mint: var(--accent-primary);
	--wp--preset--color--white: var(--text-primary);
	--wp--preset--color--muted: var(--text-secondary);
	--wp--preset--color--ink: var(--button-primary-text);
}

/* Gumbi */
.glb-btn--primary, .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--button-primary-bg); color: var(--button-primary-text); }
.glb-btn--primary:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: var(--button-primary-hover); color: var(--button-primary-text); }
.glb-btn--primary:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { background: var(--accent-secondary); }
.glb-btn--ghost, .wp-block-button.is-style-outline .wp-block-button__link { color: var(--text-primary); border-color: var(--line-strong); }
.glb-btn--ghost:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--accent-secondary); background: var(--metal-tint); color: var(--text-primary); }
.glb-btn--ghost:active { background: var(--metal-tint-strong); }
.glb-btn:disabled, .glb-btn[disabled] { opacity: 1; background: var(--surface-hover); color: var(--text-muted); border-color: var(--border); }
:focus-visible { outline-color: var(--accent-primary); }

/* Povezave: srebrne, ločene od besedila s podčrtajem */
a:hover { color: var(--text-primary); }

/* Glava in navigacija */
.glb-header { background: rgba(16, 19, 23, .9); }
.glb-nav__list a { color: var(--text-primary); }
.glb-nav__list a:hover { background: var(--metal-tint-strong); color: var(--text-primary); }

/* Hero */
.glb-hero::before { background: radial-gradient(circle, rgba(214, 222, 230, .07), transparent 65%); }

/* Ikone, kljukice, oznake */
.glb-tile__icon { background: var(--metal-tint-strong); color: var(--accent-primary); }
.glb-checks > li::before { background: var(--metal-tint-strong) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23D6DEE6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
.glb-tag { background: rgba(8, 9, 11, .85); color: var(--accent-primary); }
.glb-badge { background: var(--metal-tint-strong); color: var(--accent-primary); }
.glb-dot { background: var(--accent-primary); box-shadow: 0 0 0 4px rgba(214, 222, 230, .14); }

/* Cenik */
.glb-pricing__note { background: var(--metal-tint); border-color: var(--metal-line); color: var(--text-secondary); }
.glb-promo { background: linear-gradient(135deg, rgba(214, 222, 230, .08), rgba(214, 222, 230, .02)); border-color: var(--metal-line); }

/* Pogosta vprašanja, okvirji, CTA bloki */
.glb-faq__item[open] { border-color: var(--metal-line); }
.glb-opening { background: linear-gradient(135deg, rgba(214, 222, 230, .06), rgba(214, 222, 230, .01) 60%), var(--surface); border-color: var(--metal-line); }
.glb-related__cta { background: linear-gradient(135deg, rgba(214, 222, 230, .07), rgba(214, 222, 230, .015)), var(--surface); border-color: var(--metal-line); }

/* Obrazci */
.glb-field input:focus, .glb-field textarea:focus, .glb-field select:focus { border-color: var(--accent-primary); outline: 3px solid rgba(214, 222, 230, .28); outline-offset: 0; }
.glb-field input:disabled, .glb-field textarea:disabled, .glb-field select:disabled { background: var(--background-secondary); color: var(--text-muted); }
.glb-form__notice { background: var(--metal-tint); border-color: var(--metal-line); color: var(--text-secondary); }
.glb-ok { background: var(--metal-tint-strong); border-color: var(--accent-secondary); color: var(--text-primary); }

/* Noga, pasica za piškotke, lepljivi CTA */
.glb-footer { background: var(--background-secondary); }
.glb-footer a { color: var(--accent-primary); }
.glb-footer a:hover { color: var(--text-primary); }
.glb-consent { color: var(--text-secondary); }
.glb-sticky { background: rgba(16, 19, 23, .96); }

/* Izmenične sekcije: temni grafit; kartice v njih: grafitna površina s kovinsko obrobo */
.glb-section--alt { background: var(--background-secondary); }
.glb-section--alt .glb-tile, .glb-section--alt .glb-price, .glb-section--alt .glb-faq__item { background: var(--surface); }
.glb-price { border-color: #3B424A; }
.glb-price:hover { border-color: var(--metal-line); }
.glb-price--featured { border-color: var(--accent-secondary); box-shadow: 0 0 0 1px var(--accent-secondary) inset; }
.glb-price__title { color: var(--text-primary); }
.glb-price__amount { color: var(--text-primary); }
.glb-card:hover { border-color: var(--metal-line); }

/* Hero z ozadjem (notranjost vozila) – temen prehod za berljivost besedila */
.glb-hero { background: linear-gradient(90deg, rgba(8, 9, 11, .94) 0%, rgba(8, 9, 11, .82) 38%, rgba(8, 9, 11, .35) 72%, rgba(8, 9, 11, .2) 100%), linear-gradient(0deg, var(--background) 0%, rgba(8, 9, 11, 0) 22%), url("../img/hero-bg.webp") right center / cover no-repeat, var(--background); min-height: clamp(520px, 62vh, 720px); display: flex; align-items: center; }
.glb-hero::before { display: none; }
.glb-hero > .wp-block-columns { width: 100%; }
.glb-hero .wp-block-column { max-width: 680px; }
@media (max-width: 781px) {
	.glb-hero { background: linear-gradient(180deg, rgba(8, 9, 11, .35) 0%, rgba(8, 9, 11, .78) 48%, var(--background) 100%), url("../img/hero-bg-800.webp") center top / cover no-repeat, var(--background); min-height: 0; }
}

/* Cenik: ilustracije vozil namesto vektorskih ikon */
.glb-price__icon--img { width: 100%; max-width: 230px; height: 104px; object-fit: contain; object-position: left bottom; color: inherit; margin: 0 0 18px; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .45)); }
@media (max-width: 600px) { .glb-price__icon--img { height: 96px; max-width: 210px; } }