/* ============================================================
   INTAL-DOM 2026 | ASTRA CHILD | DIZAJN + HEADER v1.1
   DODATNI sloj: učitava se NAKON header-v1.0.css.
   Originalni crveno-crni logo ostaje nepromijenjen.
   Vizualni sustav: tamnozelena, topla bijela, bež.
   ============================================================ */

:root {
    /* Novi identitet stranice; crvena ostaje samo u izvornom logu. */
    --intaldom-green: #183d32;
    --intaldom-green-dark: #103026;
    --intaldom-green-light: #eaf0eb;
    --intaldom-cream: #f7f5f0;
    --intaldom-beige: #ece8df;
    --intaldom-ivory: #fcfbf8;
    --intaldom-ink: #192126;
    --intaldom-muted: #606968;
    --intaldom-line: #e5e7e0;
    --intaldom-shadow: 0 8px 28px rgba(24, 61, 50, .07);
    --intaldom-radius: 12px;
    --intaldom-container: 1240px;
}

/* 1. OPĆI IZGLED CIJELE STRANICE -------------------------------- */
body {
    background: var(--intaldom-cream);
    color: var(--intaldom-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.65;
}

/* Čiste podloge za tekst, alternirajuće bež sekcije dodajemo
   kasnije klasom .intaldom-section--soft. */
.site-content {
    background: #fff;
}

body h1, body h2, body h3,
body .entry-title, body .page-title {
    color: var(--intaldom-ink);
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: -.025em;
    line-height: 1.17;
}
body h4, body h5, body h6 {
    color: var(--intaldom-ink);
    font-family: inherit;
    font-weight: 700;
}
.entry-content p, .entry-content li {
    color: #434b4a;
}
.site-content a:not(.wp-block-button__link):not(.ast-button):not(.button):not(.intaldom-button) {
    color: var(--intaldom-green);
    text-underline-offset: 3px;
}
.site-content a:not(.wp-block-button__link):not(.ast-button):not(.button):not(.intaldom-button):hover {
    color: var(--intaldom-green-dark);
}
::selection {
    background: #dce8df;
    color: var(--intaldom-green-dark);
}

/* 2. KONTAKTNA TRAKA -------------------------------------------- */
.intaldom-topbar {
    background: #f1f0eb;
    border-color: var(--intaldom-line);
    color: #495450;
}
.intaldom-topbar-inner {
    max-width: var(--intaldom-container);
    min-height: 32px;
    padding: 7px 24px;
}
.intaldom-topbar-right { color: #67716c; }
.intaldom-topbar a:hover,
.intaldom-topbar a:focus-visible { color: var(--intaldom-green); }

/* 3. ZAGLAVLJE + ORIGINALNI LOGO --------------------------------- */
#masthead .ast-primary-header-bar {
    background: #fff;
    border-color: var(--intaldom-line);
    box-shadow: 0 3px 16px rgba(12, 35, 26, .035);
}
#masthead .ast-container {
    max-width: var(--intaldom-container);
}
#masthead .ast-primary-header-bar .ast-builder-grid-row {
    min-height: 82px;
}
#masthead .site-logo-img img.custom-logo,
#masthead .custom-logo-link img.custom-logo {
    width: auto;
    height: auto;
    max-width: 195px;
    max-height: 70px;
    object-fit: contain;
}

/* 4. NAVIGACIJA -------------------------------------------------- */
#masthead .main-header-menu > .menu-item:not(.intaldom-quote-item) > .menu-link {
    color: var(--intaldom-ink);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
}
#masthead .main-header-menu > .menu-item:not(.intaldom-quote-item):hover > .menu-link,
#masthead .main-header-menu > .current-menu-item:not(.intaldom-quote-item) > .menu-link,
#masthead .main-header-menu > .current-menu-ancestor:not(.intaldom-quote-item) > .menu-link,
#masthead .main-header-menu > .current_page_item:not(.intaldom-quote-item) > .menu-link {
    color: var(--intaldom-green);
}
#masthead .main-header-menu > .current-menu-item:not(.intaldom-quote-item) > .menu-link,
#masthead .main-header-menu > .current-menu-ancestor:not(.intaldom-quote-item) > .menu-link {
    text-decoration-line: underline;
    text-decoration-color: var(--intaldom-green);
    text-decoration-thickness: 2px;
    text-underline-offset: 9px;
}
#masthead .main-header-menu .sub-menu {
    background: #fff;
    border: 1px solid var(--intaldom-line);
    box-shadow: var(--intaldom-shadow);
}
#masthead .main-header-menu .sub-menu .menu-link:hover,
#masthead .main-header-menu .sub-menu .current-menu-item > .menu-link {
    background: var(--intaldom-green-light);
    color: var(--intaldom-green);
}

/* 5. POZIV NA AKCIJU U HEADERU ---------------------------------- */
#masthead .main-header-menu > .intaldom-quote-item > .menu-link,
#masthead .intaldom-quote-item > .menu-link,
#masthead .ast-builder-button-wrap .ast-custom-button {
    background: var(--intaldom-green);
    border: 1px solid var(--intaldom-green);
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(24, 61, 50, .12);
}
#masthead .intaldom-quote-item > .menu-link:hover,
#masthead .intaldom-quote-item > .menu-link:focus-visible,
#masthead .ast-builder-button-wrap .ast-custom-button:hover,
#masthead .ast-builder-button-wrap .ast-custom-button:focus-visible {
    background: var(--intaldom-green-dark);
    border-color: var(--intaldom-green-dark);
    color: #fff;
}

/* 6. ASTRINI GUMBI + GUTENBERG GUMBI ------------------------------ */
.site-content .ast-button,
.site-content .button,
.site-content button:not(.menu-toggle):not(.components-button),
.site-content input[type="submit"],
.site-content .wp-block-button__link:not(.has-background),
.site-content .intaldom-button {
    background: var(--intaldom-green);
    border: 1px solid var(--intaldom-green);
    border-radius: 6px;
    color: #fff;
    padding: 12px 22px;
    font-weight: 650;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.site-content .ast-button:hover,
.site-content .button:hover,
.site-content button:not(.menu-toggle):not(.components-button):hover,
.site-content input[type="submit"]:hover,
.site-content .wp-block-button__link:not(.has-background):hover,
.site-content .intaldom-button:hover {
    background: var(--intaldom-green-dark);
    border-color: var(--intaldom-green-dark);
    color: #fff;
}
.site-content .is-style-outline .wp-block-button__link,
.site-content .intaldom-button--outline {
    background: transparent;
    border: 1px solid var(--intaldom-green);
    color: var(--intaldom-green);
}
.site-content .is-style-outline .wp-block-button__link:hover,
.site-content .intaldom-button--outline:hover {
    background: var(--intaldom-green-light);
    border-color: var(--intaldom-green);
    color: var(--intaldom-green);
}

/* 7. OBRASCI ----------------------------------------------------- */
.site-content input[type="text"],
.site-content input[type="email"],
.site-content input[type="tel"],
.site-content input[type="number"],
.site-content input[type="search"],
.site-content select,
.site-content textarea {
    background: #fff;
    border: 1px solid #d9ded7;
    border-radius: 6px;
    color: var(--intaldom-ink);
}
.site-content input:focus-visible,
.site-content select:focus-visible,
.site-content textarea:focus-visible,
#masthead a:focus-visible,
#masthead button:focus-visible {
    outline: 2px solid var(--intaldom-green);
    outline-offset: 3px;
}

/* 8. TABLICE, CITATI, BREADCRUMBS ------------------------------- */
.entry-content table:not(.wp-calendar-table),
.entry-content .wp-block-table table {
    border-color: var(--intaldom-line);
}
.entry-content table th {
    background: var(--intaldom-green-light);
    color: var(--intaldom-green-dark);
}
.entry-content table td, .entry-content table th {
    border-color: var(--intaldom-line);
}
.entry-content blockquote, .entry-content .wp-block-quote {
    border-left: 3px solid var(--intaldom-green);
    background: var(--intaldom-ivory);
    padding: 16px 22px;
}
.ast-breadcrumbs-wrapper,
.ast-breadcrumbs-wrapper a { color: var(--intaldom-muted); }

/* 9. FOOTER ------------------------------------------------------ */
.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap {
    background: var(--intaldom-cream);
    border-color: var(--intaldom-line);
    color: var(--intaldom-muted);
}
.site-footer a { color: var(--intaldom-ink); }
.site-footer a:hover { color: var(--intaldom-green); }

/* 10. REUSABLE KLASЕ ZA NOVE PODSTRANICE -------------------------
   Nisu vezane uz određeni page builder. Kasnije ih koristimo
   pri izradi kataloga, cjenika, procesa gradnje i FAQ blokova.
   --------------------------------------------------------------- */
.intaldom-section { padding: clamp(44px, 6vw, 84px) 24px; }
.intaldom-section--soft { background: var(--intaldom-cream); }
.intaldom-section--green {
    background: var(--intaldom-green);
    color: #fff;
}
.intaldom-section--green h1,
.intaldom-section--green h2,
.intaldom-section--green h3,
.intaldom-section--green p { color: #fff; }
.intaldom-container {
    width: min(100%, var(--intaldom-container));
    margin-inline: auto;
}
.intaldom-kicker {
    color: var(--intaldom-green);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.5;
    text-transform: uppercase;
}
.intaldom-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.intaldom-card {
    background: #fff;
    border: 1px solid var(--intaldom-line);
    border-radius: var(--intaldom-radius);
    box-shadow: var(--intaldom-shadow);
    overflow: hidden;
}
.intaldom-card__body { padding: 24px; }
.intaldom-card img { display: block; width: 100%; height: auto; }
.intaldom-highlight {
    color: var(--intaldom-green);
    background: var(--intaldom-green-light);
    padding: 3px 8px;
    border-radius: 4px;
}
.intaldom-divider {
    border: 0;
    border-top: 1px solid var(--intaldom-line);
}

/* 11. MOBILNI IZGLED --------------------------------------------- */
@media (max-width: 921px) {
    .intaldom-topbar { display: none; }
    #masthead .ast-primary-header-bar .ast-builder-grid-row {
        min-height: 72px;
    }
    #masthead .site-logo-img img.custom-logo,
    #masthead .custom-logo-link img.custom-logo {
        max-width: 169px;
        max-height: 63px;
    }
    #masthead .ast-button-wrap .menu-toggle,
    #masthead .ast-mobile-menu-trigger-minimal,
    #masthead .ast-button-wrap .menu-toggle .ast-mobile-svg {
        color: var(--intaldom-green);
        fill: currentColor;
    }
    .ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content,
    .ast-header-break-point .ast-mobile-header-content {
        background: #fff;
    }
    #masthead .main-header-menu > .intaldom-quote-item {
        margin: 12px 16px 18px;
    }
    #masthead .main-header-menu > .intaldom-quote-item > .menu-link {
        display: block;
        text-align: center;
        min-height: 45px;
    }
    .intaldom-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    #masthead .ast-primary-header-bar .ast-builder-grid-row {
        min-height: 66px;
    }
    #masthead .site-logo-img img.custom-logo,
    #masthead .custom-logo-link img.custom-logo {
        max-width: 151px;
        max-height: 57px;
    }
    .intaldom-grid { grid-template-columns: 1fr; gap: 16px; }
    .intaldom-card__body { padding: 20px; }
    .intaldom-section { padding: 40px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    #masthead .menu-link,
    #masthead .ast-custom-button,
    .site-content .ast-button,
    .site-content .wp-block-button__link { transition: none; }
}
/* KRAJ v1.1 — sljedeći dodatak ide u header-v1.2.css */