/* ============================================================
   PETŐFI ISKOLA - JAVÍTOTT ALAPSTÍLUS (VONALAK + BOOTSTRAP)
   ============================================================ */

/* ===========================================================
   1. GLOBÁLIS VÁLTOZÓK (BOOTSTRAP FELÜLÍRÁSA)
   =========================================================== */
:root {
    --bs-primary: #8c887e;
    
    /* Harmonika színek */
    --bs-accordion-bg: #f9f6f0; 
    --bs-accordion-btn-bg: #f5f1e7; 
    --bs-accordion-btn-color: #4a4138; 
    --bs-accordion-active-bg: #ece8dd; 
    --bs-accordion-active-color: #382f27; 
    --bs-accordion-color: #4a4138; 
    --bs-accordion-border-color: #dcd8ce; 
    --bs-accordion-btn-focus-box-shadow: none !important; 
    --bs-accordion-btn-focus-border-color: #dcd8ce;

    /* Linkek színei (RGB és Hexa) */
    --bs-link-color: #8c887e !important;
    --bs-link-hover-color: #6b645d !important;
    --bs-link-color-rgb: 140, 136, 126 !important; 
    --bs-link-hover-color-rgb: 107, 100, 93 !important;
}

/* ===========================================================
   2. GLOBÁLIS VIZUÁLIS ALAPOK ÉS LINKEK
   =========================================================== */
body {
    font-family: 'Montserrat', sans-serif !important;
    color: #7a736c !important;
    background-color: transparent !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important; 
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

h1, h2, h3, .dokumentumok-tarolo .accordion-button, .verseny-container strong {
    text-shadow: 0px 0px 1px rgba(74, 65, 56, 0.15) !important;
}

.item-page,
.orarend-container {
    background-color: transparent !important;
    padding: 40px 20px !important;
    max-width: 1200px;
    margin: 0 auto;
    border: none !important;
}

a {
    color: #8c887e !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

a:hover {
    color: #6b645d !important;
    text-decoration: none !important;
}

.item-page p, 
.dokumentumok-tarolo p {
    font-weight: 500 !important;
    color: #6b645d !important;
    line-height: 1.7 !important;
    font-size: 1.1rem !important;
}

.fc a {
    color: #8c887e !important;
    text-decoration: none !important;
}

.fc a:hover {
    color: #6b645d !important;
}

/* ===========================================================
   3. TÁBLÁZATOK ÉS GOMBOK (PAGENAVIGATION)
   =========================================================== */
.item-content table, .orarend-display table, .valtozas-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border: 1px solid #dcd8ce !important;
    margin: 25px 0 !important;
}

.item-content table th, .orarend-display table th, .valtozas-table th {
    background-color: #8c887e !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
}

.pagenavigation .pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 25px !important;
    border: none !important;
    padding: 0 !important;
}

.pagenavigation .pagination a.btn-secondary,
.pagenavigation .pagination a.next,
.pagenavigation .pagination a.previous,
nav.pagenavigation ul.pagination li a {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    color: #8c887e !important;
    transition: all 0.3s ease !important;
}

.pagenavigation .pagination a span,
.pagenavigation .pagination a b {
    color: #8c887e !important;
}

.pagenavigation .pagination a:hover {
    background-color: transparent !important;
    color: #6b645d !important;
    text-decoration: underline !important;
}

.pagenavigation .pagination a:hover span,
.pagenavigation .pagination a:hover b {
    color: #6b645d !important;
    font-weight: 600 !important;
}

/* ===========================================================
   4. DOKUMENTUMOK ACCORDION "GOLYÓÁLLÓ" FELÜLÍRÁSA
   =========================================================== */
/* Az egész harmonika kerete */
.dokumentumok-tarolo .accordion {
    border: 1px solid #dcd8ce !important;
    border-radius: 6px;
    overflow: hidden;
}

/* A gombok (fülek) alapállapota (csukva) és tipográfiája */
.dokumentumok-tarolo .accordion-button {
    background-color: #f5f1e7 !important; 
    color: #4a4138 !important;
    box-shadow: none !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 1.25rem !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-color: #dcd8ce !important;
}

/* Lebegés a gombokon */
.dokumentumok-tarolo .accordion-button:hover {
    background-color: #efeadd !important; 
    color: #382f27 !important;
}

/* A gombok állapota KINYITVA */
.dokumentumok-tarolo .accordion-button:not(.collapsed) {
    background-color: #ece8dd !important; 
    color: #382f27 !important;
    box-shadow: none !important;
}

/* Fókusz (kattintás) alatti kék keret letiltása */
.dokumentumok-tarolo .accordion-button:focus {
    box-shadow: none !important;
    border-color: #dcd8ce !important;
}

/* A lenyíló tartalom háttere */
.dokumentumok-tarolo .accordion-body {
    background-color: #f9f6f0 !important;
}

/* A dokumentumok listájának háttere és kerete */
.dokumentumok-tarolo .list-group-item {
    background-color: transparent !important;
    border-color: #dcd8ce !important;
}

/* A dokumentum linkek színe és aláhúzás tiltása */
.dokumentumok-tarolo .list-group-item a {
    color: #4a4138 !important;
    text-decoration: none !important;
}

.dokumentumok-tarolo .list-group-item a:hover {
    color: #2b241e !important;
    text-decoration: none !important;
}

/* ===========================================================
   5. BELSŐ FÜLEK (NAV TABS) ÉS ŰRLAP ELEMEK
   =========================================================== */
.dokumentumok-tarolo .nav-tabs {
    border-bottom: 2px solid #dcd8ce !important;
}

.dokumentumok-tarolo .nav-tabs .nav-link {
    transition: all 0.2s ease;
    color: #8c887e; 
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    border: 1px solid transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.dokumentumok-tarolo .nav-tabs .nav-link:hover {
    border-color: #ece8dd #ece8dd #dcd8ce;
    background-color: #fdfaf3;
    color: #6b645d;
}

.dokumentumok-tarolo .nav-tabs .nav-link.active {
    color: #382f27 !important; 
    font-weight: bold;
    background-color: #ffffff !important;
    border-color: #dcd8ce #dcd8ce #ffffff !important;
}

/* Checkboxok és beviteli mezők fókusz "glóriája" */
.form-check-input:focus {
    border-color: #8c887e !important;
    box-shadow: 0 0 0 0.25rem rgba(140, 136, 126, 0.25) !important;
}

.form-control:focus,
input[type="search"]:focus,
input[type="text"]:focus {
    border-color: #dcd8ce !important;
    box-shadow: 0 0 0 0.25rem rgba(220, 216, 206, 0.4) !important; 
}

/* ===========================================================
   6. LETÖLTÉS GOMB
   =========================================================== */

.download-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    background: #fdfaf3 !important;
    border: 1px solid #dcd8ce !important;
    font-family: "Playfair Display", serif !important;
    font-size: 1rem !important;
    font-weight: bold !important;
    color: #555 !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.download-button:hover {
    background: #f4efe9 !important;
    color: #212529 !important;
    border-color: #c0bcae !important;
}

.download-button svg {
    transition: transform 0.2s ease !important;
}

.download-button:hover svg {
    transform: translateY(1px) !important;
}

.no-info .article-info, .no-info .aside.article-info { 
    display: none !important; 
}

.dokumentumok-tarolo .lead.text-muted {
    font-weight: 500 !important;
    color: #6b645d !important;
    line-height: 1.6 !important;
}

/* ===========================================================
   IDÉZETEK (PETŐFI QUOTE) STÍLUSOZÁSA - MINIMALISTA
   =========================================================== */
p.petofi-quote-text, 
.petofi-quote-text {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.4rem !important;
    font-style: italic !important;
    color: #4a4138 !important;
    line-height: 1.8 !important;
    margin: 30px 0 !important;
}

/* ============================================================
   UNIVERZÁLIS EGYEDI ANIMÁLT CÍM (Bármilyen cikkben használható)
   ============================================================ */

.egyedi-animalt-cim { 
    position: relative !important;
    display: inline-block !important; 
    z-index: 2 !important;
}

.egyedi-animalt-cim::after {
    content: "" !important;
    position: absolute !important;
    bottom: -5px !important; 
    left: -15px !important;
    right: -15px !important;
    width: auto !important; 
    max-width: none !important;
    height: 12px !important;  
    background-image: url('../../../../../images/cim_alahuzo/cim_alahuz.svg') !important; 
    background-size: 100% 100% !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 0.8 !important;            
    z-index: 0 !important; 
    clip-path: inset(0 100% 0 0); 
    transition: clip-path 1.2s ease-out !important; 
    pointer-events: none;
}

/* Animáció indítása */
.egyedi-animalt-cim.megjelent::after {
    clip-path: inset(0 0 0 0) !important; 
}

/* Mobilos kicsinyítés ehhez is */
@media (max-width: 767px) {
    .egyedi-animalt-cim {
        font-size: 1.8rem !important; 
        text-align: center !important;
        line-height: 1.3 !important;
    }
}