/* ========================================================================
   TÁRSASHÁZ PROJEKT - REFAKTORÁLT EGYESÍTETT STÍLUSLAP
   Séma: Vanília (#fffdf2), Fekete (#000000), Bordeaux (#970747)
   Stílus: Minimalista Boutique (Éles sarkok, tiszta kontraszt)
   ======================================================================== */

/* --- 1. HELYI BETŰTÍPUSOK --- */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ubuntu-v21-latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ubuntu-v21-latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/hind-madurai-v13-latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/hind-madurai-v13-latin-ext-700.woff2') format('woff2');
}

/* --- 2. VÁLTOZÓK (Bordeaux & Slate frissítéssel) --- */
:root {
    --haz-slate: #475569;      /* Építészeti szürke (Top bar, Footer) */
    --haz-bordeaux: #970747;   /* Akcentus szín (Linkek, Danger) */
    --haz-cream: #fffdf2;      /* Háttér (Vanília papír) */
    --haz-text: #000000;       /* Elsődleges szöveg és gombok */
    --haz-border: #E2E8F0;     /* Hajszálvékony szegélyek */
    --haz-white: #ffffff;

    --step-5: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
    --step-4: clamp(1.3125rem, 1.18rem + 0.5vw, 1.625rem);
    --step-3: clamp(1.1875rem, 1.13rem + 0.2vw, 1.3125rem);
    --step-2: clamp(1.0625rem, 1.03rem + 0.1vw, 1.125rem);
    --step-1: 1rem;
}

/* --- 3. GLOBÁLIS ALAPOK --- */
body, .sp-preloader { 
    background-color: var(--haz-cream); 
    color: var(--haz-text); 
}

h1, h2, h3, h4 {
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.1;
    margin-bottom: 0.6em;
    font-weight: 500;
    color: var(--haz-text);
}
h1 { font-size: var(--step-5); }
h2 { font-size: var(--step-4); }
h3 { font-size: var(--step-3); }
h4 { font-size: var(--step-2); }

body, p, input, button, textarea, .sp-megamenu-parent > li > a {
    font-family: 'Hind Madurai', sans-serif;
}
p { font-size: var(--step-1); line-height: 1.7; margin-bottom: 1.5em; }

/* Szöveges linkek: Bordeaux */
a { 
    color: var(--haz-bordeaux) !important; 
    text-decoration: none; 
    transition: 0.3s ease; 
}
a:hover { color: var(--haz-text) !important; }

/* --- 4. HELIX ELEMEK (Slate architektúra) --- */
#sp-top-bar, #sp-footer, #sp-bottom, .sp-page-title {
    background: var(--haz-slate) !important;
    color: var(--haz-cream) !important;
}
#sp-top-bar a, #sp-footer a, #sp-bottom a { color: var(--haz-cream) !important; opacity: 0.8; }
#sp-top-bar a:hover, #sp-footer a:hover { opacity: 1; }

#sp-header { background: var(--haz-cream); border-bottom: 1px solid var(--haz-border); }

/* --- MENÜ FINOMHANGOLÁSA --- */

/* 1. Alapállapot: Fekete, 16px, sima (normal) betűstílus */
.sp-megamenu-parent > li > a {
    color: var(--haz-text) !important;
    font-size: 16px !important;
    font-weight: 400 !important; /* 'sima' stílus */
    transition: color 0.3s ease;
}

/* 2. Hover állapot: Terrakotta (Bordeaux) */
.sp-megamenu-parent > li:hover > a {
    color: var(--haz-bordeaux) !important;
}

/* 3. Kijelölt (Aktív) állapot: Terrakotta (Bordeaux) és Bold */
.sp-megamenu-parent > li.active > a {
    color: var(--haz-bordeaux) !important;
    font-weight: 400 !important; /* 'Bold' stílus */
}

/* --- 5. GOMBOK (Szigorú hierarchia) --- */

/* Közös alapok */
.btn, .cf-btn, .cf-button.cf-submit-button, .article-details .article-can-edit a, .search .btn-toolbar button {
    font-family: 'Ubuntu', sans-serif !important;
    font-weight: 500 !important;
    border-radius: 0px !important;
    transition: all 0.25s ease-in-out !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.6rem 1.8rem !important;
    border: 1px solid transparent;
}

/* 1. PRIMARY: Fekete alap -> Vanília hover */
.btn-primary, .sppb-btn-primary, .cf-btn, .cf-button.cf-submit-button, .article-details .article-can-edit a {
    background-color: var(--haz-text) !important;
    border-color: var(--haz-text) !important;
    color: var(--haz-white) !important;
}
.btn-primary:hover, .sppb-btn-primary:hover, .cf-btn:hover, .cf-button.cf-submit-button:hover, .article-details .article-can-edit a:hover {
    background-color: var(--haz-cream) !important;
    color: var(--haz-text) !important;
    border: 1px solid var(--haz-text) !important;
}
.btn-primary:hover i, .btn-primary:hover span { color: var(--haz-text) !important; }

/* 2. SECONDARY: Ghost (Keretes) -> Fekete hover */
.btn-secondary {
    background-color: transparent !important;
    border-color: var(--haz-text) !important;
    color: var(--haz-text) !important;
}
.btn-secondary:hover {
    background-color: var(--haz-text) !important;
    color: var(--haz-white) !important;
}

/* 3. DANGER: Bordeaux -> Keretes hover */
.btn-danger {
    background-color: var(--haz-bordeaux) !important;
    border-color: var(--haz-bordeaux) !important;
    color: var(--haz-white) !important;
}
.btn-danger:hover {
    background-color: transparent !important;
    color: var(--haz-bordeaux) !important;
    border-color: var(--haz-bordeaux) !important;
}

/* --- 6. MODULOK --- */

/* Hírlevél Archívum */
.newsletter-item { border-bottom: 1px solid var(--haz-border); padding: 18px 0; }
.newsletter-date { color: var(--haz-bordeaux); font-weight: 600; font-size: 0.85rem; }
.newsletter-subject { color: var(--haz-text); opacity: 0.6; font-style: italic; }

/* Pagination */
.pagination > li > a, .pagination > li > span {
    color: var(--haz-text);
    background-color: var(--haz-white);
    border: 1px solid var(--haz-border);
    border-radius: 0px !important;
}
.pagination > .active > a, .pagination > .active > span {
    background-color: var(--haz-text) !important;
    border-color: var(--haz-text) !important;
    color: var(--haz-white) !important;
}

/* --- 7. KORREKCIÓK --- */
.form-control { 
    border-radius: 0px !important; 
    border: 1px solid var(--haz-border); 
    background-color: var(--haz-white);
}
.form-control:focus { border-color: var(--haz-text); box-shadow: none; }

.mod-login__remember { display: none !important; }
.mceDefaultSkin .mceLayout .mceBranding { display: none; }

/* Ikonok alaphelyzete gombokon */
.btn i, .btn span, .article-details .article-can-edit a span { color: inherit !important; }


/* --- READMORE ÁTALAKÍTÁSA PRIMARY GOMBÁ --- */
.readmore a {
    /* Alap gomb stílusok */
    font-family: 'Ubuntu', sans-serif !important;
    font-weight: 500 !important;
    border-radius: 0px !important;
    transition: all 0.25s ease-in-out !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.8rem !important;
    margin-top: 15px;
    
    /* Primary design: Teli fekete stílus */
    background-color: var(--haz-text) !important;
    border: 1px solid var(--haz-text) !important;
    color: var(--haz-white) !important;
    text-decoration: none !important;
}

/* Hover állapot: Vanília alap, fekete szöveg és keret */
.readmore a:hover {
    background-color: var(--haz-cream) !important;
    color: var(--haz-text) !important;
    border-color: var(--haz-text) !important;
    transform: translateY(-1px);
}


/* --- SZAVAZÁSI BLOKK REFAKTORÁLVA --- */

.voting-status-container {
    margin-top: 30px;
    padding: 30px;
    background-color: var(--haz-cream); /* Vanília alap */
    border: 1px solid var(--haz-text);  /* Fekete keret */
    border-radius: 0px !important;      /* Éles sarkok */
}

.voting-status-container h4 {
    background-color: var(--haz-text);  /* Fekete háttér */
    color: var(--haz-cream) !important;  /* Vanília szöveg */
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 20px;
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.voting-results {
    margin-bottom: 30px;
    padding-left: 20px;
    border-left: 4px solid var(--haz-bordeaux); /* Bordeaux csík a régi terrakotta helyett */
}

.voting-results p { margin: 0 0 5px 0 !important; }
.voting-results strong { color: var(--haz-bordeaux); }

/* Táblázat stílusa */
.voting-status-container table {
    width: 100%;
    border-collapse: collapse;
}

.voting-status-container thead tr {
    background-color: var(--haz-text); /* Fekete fejléc */
    color: var(--haz-cream);           /* Vanília felirat */
}

.voting-status-container th {
    padding: 12px 10px;
    text-align: left;
    font-weight: 500;
}

.voting-status-container td {
    padding: 12px 10px;
    border-bottom: 1px solid var(--haz-border);
}

.voting-status-container tr:last-child td {
    border-bottom: none;
}




/* Az Álnév (alias) teljes sorának elrejtése a szerkesztőben */
.control-group:has(#jform_alias) {
    display: none !important;
}

/* --- HELIX EXTRA MEZŐK ELREJTÉSE --- */

/* Image Alt Text mező és feliratának elrejtése */
.control-group:has(#jform_attribs_helix_ultimate_image_alt_txt) {
    display: none !important;
}

/* Article Format választó (Standard, Video, Gallery, Audio) elrejtése */
.control-group:has(#jform_attribs_helix_ultimate_article_format) {
    display: none !important;
}

/* --- TOVÁBBI MEZŐK ELREJTÉSE A SZERKESZTŐBEN --- */

/* Kiemelt, Címkék, Feljegyzés és Verzió megjegyzése teljes elrejtése */
.control-group:has(#jform_featured),
.control-group:has(#jform_tags),
.control-group:has(#jform_note),
.control-group:has(#jform_version_note) {
    display: none !important;
}

/* --- A KÖZZÉTÉTEL FÜL ÉS TARTALMÁNAK TELJES ELREJTÉSE --- */

/* A fül navigációs gombjának elrejtése */
button[aria-controls="publishing"] {
    display: none !important;
}

/* A fülhöz tartozó teljes tartalompanel elrejtése */
#publishing {
    display: none !important;
}





/* CommentBox testreszabása */
#commentbox {
    /* Hozzászólás szövege */
    --cb-detail-size: 15px;
    --cb-detail-color: #161616;
    --cb-detail-line-height: 1.6;

    /* Szerző neve */
    --cb-author-size: 16px;
    --cb-author-color: #000000;
    --cb-author-weight: bold;

    /* Dátum és idő */
    --cb-time-size: 13px;
    --cb-time-color: #161616;
}