/*
 * Module: 01-critical.css
 *
 * Purpose: Critical overrides, shared variables, resets, and early global fixes that must load first.
 *
 * Notes: Keep this module first after digigov.css because later modules depend on these root variables and early overrides.
 * Source range from former theme.css: lines 1-252.
 */

/*
 * GOV.GR Digigov Theme — theme.css
 * Βασισμένο στο επίσημο Digigov CSS @digigov/css
 *
 * ΣΗΜΑΝΤΙΚΟ: Το digigov.css φορτώνεται ΜΟΝΟ του, χωρίς Tailwind CDN.
 * Το Tailwind είναι ήδη ενσωματωμένο μέσα στο compiled digigov.css.
 *
 * Κλάσεις από official docs (guide.services.gov.gr):
 * Headings: govgr-heading-xl, govgr-heading-lg, govgr-heading-md, govgr-heading-sm
 * Buttons:  govgr-btn govgr-btn-primary, govgr-btn-secondary, govgr-btn-cta
 */

/* ================================================================
   CRITICAL OVERRIDES — Tailwind & WordPress reset fixes
   Πρέπει να είναι ΠΡΩΤΑ ώστε να κάνουν override στο digigov.css
   ================================================================ */

/* ── Header ─────────────────────────────────────────────────── */
.govgr-header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    overflow: visible !important;
}
.govgr-header {
    background-color: #003476 !important;
    color: #ffffff !important;
    border-bottom: 8px solid var(--govgr-header-accent) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
.govgr-header__container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: var(--govgr-shell-max-width) !important;
    margin: 0 auto !important;
    padding: 12px var(--govgr-shell-gutter) !important;
    gap: 1rem !important;
    width: 100%;
    box-sizing: border-box;
}
.govgr-header__content {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    flex: 1 !important;
    min-width: 0 !important;
}
.govgr-header__logo {
    height: 48px !important;
    width: auto !important;
    flex-shrink: 0 !important;
    display: block !important;
}
.govgr-header__title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.govgr-header__title:hover,
.govgr-header__title:visited {
    color: #ffffff !important;
}
.govgr-header__title:hover {
    text-decoration: underline !important;
}

/* ── Footer ──────────────────────────────────────────────────── */
.govgr-footer {
    background-color: #003476 !important;
    color: rgba(255,255,255,0.85) !important;
    padding: 0 !important;
    margin: 0 !important;
}
.govgr-footer__meta {
    background-color: #002255 !important;
    padding: 0 !important;
}
.govgr-footer__meta-item {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 1.25rem 1.5rem !important;
    display: block !important;
}
.govgr-footer__licence-description {
    color: rgba(255,255,255,0.55) !important;
    font-size: 0.8rem !important;
    margin: 0 !important;
}

/* ── Width container — Επίσημο Digigov: max-width 960px ────── */
.govgr-width-container {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    box-sizing: border-box !important;
}

/* Header & Footer container — λίγο πιο πλατύ */
.govgr-header__container,
.govgr-footer .govgr-width-container,
.govgr-footer__meta-item {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* ── Buttons ─────────────────────────────────────────────────── */
.govgr-btn {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 20px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    border: 2px solid transparent !important;
    transition: background-color 0.15s ease, border-color 0.15s ease !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}
.govgr-btn-primary {
    background-color: #003476 !important;
    border-color: #003476 !important;
    color: #ffffff !important;
}
.govgr-btn-primary:hover {
    background-color: #002255 !important;
    border-color: #002255 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.govgr-btn-secondary {
    background-color: transparent !important;
    border-color: #003476 !important;
    color: #003476 !important;
}
.govgr-btn-secondary:hover {
    background-color: #003476 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.govgr-btn-cta {
    background-color: #00703c !important;
    border-color: #00703c !important;
    color: #ffffff !important;
}
.govgr-btn-cta:hover {
    background-color: #005a30 !important;
    border-color: #005a30 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* Inverted button (for use inside dark header) */
.govgr-header .govgr-btn-cta {
    background-color: #00703c !important;
    border-color: #00703c !important;
    color: #ffffff !important;
}

/* ── Headings ────────────────────────────────────────────────── */
.govgr-heading-xl {
    font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #0b0c0c !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}
.govgr-heading-lg {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #0b0c0c !important;
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
}
.govgr-heading-md {
    font-size: 1.375rem !important;
    font-weight: 700 !important;
    color: #0b0c0c !important;
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}
.govgr-heading-sm {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #0b0c0c !important;
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}
 * Layout:   govgr-width-container, govgr-main-wrapper, govgr-layout-wrapper
 * Footer:   govgr-footer, govgr-footer__meta, govgr-footer__meta-item--grow
 */

/* ================================================================
   RESET — WordPress & Tailwind conflicts
   ================================================================ */

/* ROBOTO — Εφαρμόζεται σε ΟΛΑ τα elements */
html, body,
body p, body h1, body h2, body h3, body h4, body h5, body h6,
body a, body li, body td, body th, body input, body button,
body select, body textarea, body label, body span, body div {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
}

/* Tailwind resets body margin/padding — επαναφορά */
body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 19px !important;        /* Επίσημο Digigov: 19px σε desktop */
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #0b0c0c !important;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

/* Mobile: 16px */
@media (max-width: 640px) {
    body { font-size: 16px !important; }
}

/* Paragraphs */
p {
    font-size: 1rem !important;     /* 19px inherit */
    line-height: 1.5 !important;
    margin-bottom: 1rem !important;
}

/* Lead paragraph (govgr-body-l) */
.govgr-body-l, .govgr-lead {
    font-size: 1.25rem !important;  /* 24px */
    line-height: 1.5 !important;
    font-weight: 400 !important;
}