/* Globális Bootstrap változók felülírása erősebb szelektorral */
:root:root, [data-bs-theme="light"] {
    --bs-primary: #F47331;
    --bs-primary-rgb: 244, 115, 49;
    --bs-primary-bg-subtle: #fde3d6;
    --bs-primary-border-subtle: #f9ba98;
}

/* A gombok stílusának kényszerítése magasabb specifikussággal */
div.main-body .btn-primary,
div.body-wrapper .btn-primary,
main .btn-primary,
html body .btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #F47331;
    --bs-btn-border-color: #F47331;
    
    /* Hover (egérrel rámutatás) állapot */
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #df5f1d;
    --bs-btn-hover-border-color: #d35a1b;
    
    /* Aktív / Kattintási állapot */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #d35a1b;
    --bs-btn-active-border-color: #c65419;
    
    /* Fókusz állapot */
    --bs-btn-focus-shadow-rgb: 244, 115, 49;
}

/* Közvetlen tulajdonság-hozzárendelés a biztos hatás érdekében */
html body a.btn-primary,
html body button.btn-primary,
html body input.btn-primary {
    color: #ffffff;
    background-color: #F47331;
    border-color: #F47331;
}

html body a.btn-primary:hover,
html body button.btn-primary:hover {
    color: #ffffff;
    background-color: #df5f1d;
    border-color: #d35a1b;
}

.header.container-header.full-width, .container-footer.footer.full-width {
	background-image: none;
	background-color: #093E5E;
}

h1, h2, h3, h4, h5 {
	color: #093E5E !important;
}

a.text-primary {
	color: #ff8c00 !important;
}

/* Cassiopeia SVG logó méretének kordában tartása */
.navbar-brand img, 
.brand-logo img {
    width: 100%;
    max-width: 250px;
    height: auto;
}


.termek-kartya-hover {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    will-change: transform, box-shadow;
}

.termek-kartya-hover:hover {
    transform: translateY(-7px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    background-color: #fff !important; 
}

/* A hírek modulon belüli egyedi cikk-dobozok (li elemek) keretezése */
.hirek-roviden .mod-articles-items li {
    background-color: #ffffff;
    border: 1px solid #dee2e6;   /* Finom szürke szegély a cikkek köré */
    border-radius: 0.375rem;     /* Lekerekített sarkok */
    padding: 1.25rem;            /* Belső térköz, hogy ne tapadjon a kerethez a tartalom */
    margin-bottom: 1rem;         /* Alsó távolság egymástól */
    list-style: none;            /* Listajelek letiltása */
    
    /* Smooth animáció az egérmutatáskor */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}


/* Biztonsági igazítás, hogy a rács szélei szépen igazodjanak a külső kártyatesthez */
.hirek-roviden .mod-articles-items {
    padding-left: 0;
    margin-bottom: 0;
}

/* ==========================================================================
   Kategória-blog cikk-kártyák összevont formázása
   ========================================================================== */

/* 1. Alap keret és háttér beállítások a blogcikkekhez és hírek cikkekhez */
.blogcikkek .blog-item,
.hirek-cikkek .blog-item {
    background-color: var(--bs-body-bg, #ffffff);     /* Sablon alapértelmezett háttérszíne */
    border: 1px solid var(--bs-border-color, #dee2e6); /* Standard finom szegély */
    border-radius: var(--bs-border-radius, 0.375rem); /* Standard lekerekítés */
    padding: var(--bs-spacer, 1.5rem);                 /* Egységes belső térköz */
    margin-bottom: var(--bs-spacer, 1.5rem);           /* Alsó távolság a dobozok között */
    
    /* Elrendezés-biztonság (a lebegő képek miatt) */
    display: block;
    overflow: hidden;
}

/* 2. Kép és tartalom közötti térközök egységesítése */
.blogcikkek .blog-item .item-image,
.hirek-cikkek .blog-item .item-image {
    margin-bottom: var(--bs-spacer, 1rem);
}

/* 3. Reszponzív kép-szöveg elrendezés asztali nézetben (768px felett) */
@media (min-width: 768px) {
    .blogcikkek .blog-item .item-image.left,
    .hirek-cikkek .blog-item .item-image.left {
        margin-right: var(--bs-spacer, 1.5rem);
        margin-bottom: 0;
    }
}

figure.effectck-ming figcaption [class*="desc"] {
	padding: 0 !important;
}

.item-image.left, .item-image.float-start {
    float: none !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .item-image.left, .item-image.float-start {
        float: left !important;
        margin-left: 0;
        margin-right: 2rem;
        margin-bottom: 1rem;
        max-width: 45%;
    }
}

.item-image.right, .item-image.pull-right, .item-image.float-end {
    float: none !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .item-image.right, .item-image.pull-right, .item-image.float-end {
        float: right !important;
        margin-right: 0;
        margin-left: 2rem;
        margin-bottom: 1rem;
        max-width: 45%;
    }
}

/* Csak mobil és kis kijelzők esetén (Bootstrap szoftveres töréspont: 576px alatt) */
@media (max-width: 575.98px) {
    /* Kizárólag a Joomla cikkek törzsén belüli képekre hat */
    .com-content-article__body img.float-end,
    .com-content-article__body img.float-start {
        float: none !important;        /* Megszünteti a jobbra/balra úsztatást */
        display: block !important;     /* Új sorba kényszeríti a képet */
        width: 100% !important;        /* Teljes szélességűre nyújtja */
        height: auto !important;       /* Megtartja a kép arányait */
        margin-left: 0 !important;     /* Nullázza az oldalmargókat */
        margin-right: 0 !important;
        margin-bottom: 1.5rem !important; /* Biztosít egy elegáns alsó térközt a szöveg előtt */
    }
}