/*
 Theme Name:   2025 Child
 Description:  Tisza Hírcentrum származtatott sablon
 Author:       Baranyai Tibor
 Template:     twentytwentyfive
 Version:      1.0.0
*/

/* Ide jöhetnek majd a @font-face és egyéb saját CSS szabályok */

/* ==========================================================================
   1. BETŰTÍPUSOK (FONT-FACE) BETÖLTÉSE
   ========================================================================== */

/* --- INTER (Törzsszöveg és bevezetők) --- */
/* Inter Regular (400) */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/inter-v20-latin-ext-regular.woff2') format('woff2');
}

/* Inter Medium (500) */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/inter-v20-latin-ext-500.woff2') format('woff2');
}

/* Inter Bold (700) */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/inter-v20-latin-ext-700.woff2') format('woff2');
}

/* --- FIRA SANS (Főcímek és alcímek) --- */
/* Fira Sans Regular (400) */
@font-face {
  font-display: swap;
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/fira-sans-v18-latin-ext-regular.woff2') format('woff2');
}

/* Fira Sans Bold (700) */
@font-face {
  font-display: swap;
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/fira-sans-v18-latin-ext-700.woff2') format('woff2');
}

/* --- ROBOTO (Meta adatok, képaláírások, idézetek) --- */
/* Roboto Regular (400) */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v51-latin-ext-regular.woff2') format('woff2');
}

/* Roboto Italic (400i) */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-v51-latin-ext-italic.woff2') format('woff2');
}


/* ==========================================================================
   2. TIPOGRÁFIAI HIERARCHIA ÉS STÍLUSOK (CSS SZABÁLYOK)
   ========================================================================== */

/* Alapértelmezett törzsszöveg */
body, p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    color: #2b2b2b;
}

/* Főcímek és alcímek (H1, H2, H3) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    color: #111111;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* Kifejezetten a cikk főcíme (H1) */
h1 {
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.5px;
    margin-top: 0;
}

/* Alcímek a cikkben (H2) */
h2 {
    font-size: 28px;
    line-height: 1.25;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 8px;
}

/* Lead / Bevezető szöveg (általában p.lead vagy az első bekezdés) */
.lead, 
.entry-content > p:first-of-type {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    color: #444444;
    margin-bottom: 2em;
}

/* Kiemelt idézetek (Blockquote) */
blockquote {
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 1.6;
    color: #333333;
    margin: 2em 0;
    padding: 15px 30px;
    border-left: 4px solid #0056b3;
    background-color: #f9f9f9;
}

/* Meta adatok (szerző, dátum, kategória) és képaláírások */
.entry-meta, 
.post-date, 
.author-name, 
figcaption, 
.wp-caption-text {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Kisebb navigációs elemek, címkék */
.tags-links, 
.cat-links {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

/* Mobil nézet újrarendezése (Gutenberg mobil töréspont: 781px) */
@media (max-width: 781px) {
    /* Biztosítjuk, hogy a fő konténer mobilon is flexbox maradjon */
    .wp-block-columns.mtm-hero-columns {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 1. KÖZÉPSŐ oszlop (a DOM-ban a 2.) ugrik legfelülre */
    .wp-block-columns.mtm-hero-columns > .wp-block-column:nth-child(2) {
        order: 1 !important;
    }
    
    /* 2. BAL oszlop (a DOM-ban az 1.) csúszik be alá */
    .wp-block-columns.mtm-hero-columns > .wp-block-column:nth-child(1) {
        order: 2 !important;
    }
    
    /* 3. JOBB oszlop (a DOM-ban a 3.) marad legalul */
    .wp-block-columns.mtm-hero-columns > .wp-block-column:nth-child(3) {
        order: 3 !important;
    }

    /* ÚJ: A legfelső (eredetileg középső) cikk kivonatának eltüntetése mobilon */
    .wp-block-columns.mtm-hero-columns > .wp-block-column:nth-child(2) .wp-block-post-excerpt {
        display: none !important;
    }
}