/* =========================================================
   SHAPER HELIX 3 – COMPLETE TEXT COLOR OVERRIDE
   ========================================================= */

/* Alapértelmezett oldal-szöveg */
body {
    color: #FFBF00;
}

/* Normál tartalomszöveg */
p,
div,
span,
li,
td,
th,
dd,
dt,
label {
    color: #002147;
}

/* Joomla cikkek */
.item-page,
.blog,
.blog-item,
.item {
    color: #3305ff;
}

/* Cikk tartalma */
.entry-content,
.article-content,
.articleBody,
.item-content {
    color: #3305ff;
}

/* Modulok szövege */
.sp-module,
.sp-module-content {
    color: #3305ff;
}

/* Listaelemek */
ul,
ol {
    color: #3305ff;
}

/* =========================================================
   CÍMSOROK
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
}

/* =========================================================
   LINKek
   ========================================================= */

a {
    color: #0066cc;
}

a:hover,
a:focus {
    color: #004499;
}

/* =========================================================
   NAVIGÁCIÓ / MENÜ
   ========================================================= */

.sp-menu-item {
    background-color: #26AAE1;
}

.sp-menu-item > a {
    color: #ffffff;
}

.sp-menu-item:hover,
.sp-menu-item.active {
    background-color: #01C4F9;
}

.sp-menu-item:hover > a,
.sp-menu-item.active > a {
    color: #ffffff;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    color: #ffffff;
}

.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li > a:focus,
.sp-megamenu-parent > li.active > a {
    color: #ffffff;
}

/* Almenük */
.sp-megamenu-parent .sp-dropdown li a {
    color: #ffffff;
    background-color: #EBE8CD;
}

.sp-megamenu-parent .sp-dropdown li a:hover {
    color: #ffffff;
}

/* Mobilmenü gomb – fehér háttér */
#offcanvas-toggler {
    background-color: #ffffff !important;
    padding: 2px 3px;
    border-radius: 4px;
    line-height: 40px;
}

/* Hamburger ikon színe */
#offcanvas-toggler i,
#offcanvas-toggler .fa {
    color: #222222 !important;
}
/*Offcanvas Menü színe*/
.offcanvas-inner .sp-module ul > li > a { color: red;  }.offcanvas-inner .sp-module ul > li > a:hover { color: yellow; }

.offcanvas-menu { background-color: #EBE8CD; color: #31794D;}


/* Menu felirat a hamburger ikon fölött */
#offcanvas-toggler::before {
    content: "Menu";
    display: block;
    color: #222222;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 1px;
}
/* =========================================================
   OLDALSÁV / MODULOK
   ========================================================= */

.sp-module-title {
    color: #222222;
}

.sp-module-content p,
.sp-module-content li,
.sp-module-content span {
    color: #333333;
}

/* =========================================================
   ŰRLAPOK
   ========================================================= */

input,
textarea,
select {
    color: #333333;
}

input::placeholder,
textarea::placeholder {
    color: #777777;
}

/* =========================================================
   FOOTER
   ========================================================= */

#sp-footer,
#sp-footer p,
#sp-footer li,
#sp-footer span {
    color: #ffffff;
}

#sp-footer a {
    color: #ffffff;
}

#sp-footer a:hover {
    color: #ffffff;
}


/* Joomla cikk Previous / Next gombok */

.pagination .previous,
.pagination .next {
    background-color: #333333;
    border-color: #333333;
}

.pagination .previous a,
.pagination .next a {
    color: #000000;
    background-color: #333333;
}
/* Táblázat formázás */
.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    border: 1px solid #ccc;
    padding: 12px;
    text-align: left;
}

.responsive-table th {
    background: #263f52;
    color: #fff;
}

/* Mobilnézet */
@media screen and (max-width: 600px) {
    .responsive-table thead {
        display: none;
    }

    .responsive-table,
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .responsive-table tr {
        margin-bottom: 16px;
        border: 1px solid #ccc;
    }

    .responsive-table td {
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .responsive-table td:last-child {
        border-bottom: none;
    }
}

/* =========================================
   BRUTALEXPERT – RESZPONZÍV TÁBLÁZAT
   Asztali: hagyományos táblázat
   Mobil: egymás alatti kártyák
   ========================================= */

.be-responsive-table-wrap {
    width: 100%;
    max-width: 100%;
    margin: 24px 0;
}

/* Alaptáblázat */
.be-responsive-table {
    width: 100%;
    border: 1px solid #dce4eb;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    color: #263746;
    font-size: 16px;
    line-height: 1.5;
    box-shadow: 0 5px 18px rgba(25, 48, 68, 0.08);
}

/* Fejléc és cellák */
.be-responsive-table th,
.be-responsive-table td {
    padding: 16px 20px;
    text-align: left;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #dce4eb;
}

/* Sötétkék fejléc */
.be-responsive-table thead th {
    background: #20394d;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Vékony elválasztó az oszlopok között */
.be-responsive-table th + th,
.be-responsive-table td + td {
    border-left: 1px solid #dce4eb;
}

/* Váltakozó sorszínek */
.be-responsive-table tbody tr:nth-child(even) {
    background: #f1f6f9;
}

.be-responsive-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

/* Utolsó sor alsó szegélyének eltávolítása */
.be-responsive-table tbody tr:last-child td {
    border-bottom: none;
}

/* Ár kiemelése */
.be-responsive-table td strong {
    color: #20394d;
    font-size: 1.05em;
    white-space: normal;
}

/* Finom egérhatás asztali nézetben */
@media (hover: hover) and (min-width: 601px) {
    .be-responsive-table tbody tr:hover {
        background: #e8f1f7;
    }
}

/* =========================================
   MOBILNÉZET
   ========================================= */

@media screen and (max-width: 600px) {

    .be-responsive-table-wrap {
        margin: 18px 0;
    }

    .be-responsive-table,
    .be-responsive-table tbody {
        display: block;
        width: 100%;
    }

    /* A hagyományos oszlopfejléc elrejtése */
/*    .be-responsive-table thead {
        display: none;
    }*/

    /* Minden táblázatsor önálló kártya */
    .be-responsive-table tbody tr {
        display: block;
        width: 100%;
        margin: 0 0 16px;
        border: 1px solid #d5e0e8;
        border-radius: 12px;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 4px 14px rgba(25, 48, 68, 0.07);
    }

    /* A cellák egymás alá kerülnek */
    .be-responsive-table tbody td {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        width: 100%;
        box-sizing: border-box;
        padding: 13px 15px;
        border: none;
        border-bottom: 1px solid #e1e8ee;
        text-align: left;
        overflow-wrap: anywhere;
    }

    /* Ne maradjon meg az asztali oszlopelválasztó */
    .be-responsive-table tbody td + td {
        border-left: none;
    }

    /* Oszlopnév a cella tartalma előtt */
    .be-responsive-table tbody td::before {
        content: attr(data-label);
        display: block;
        flex: 0 0 34%;
        max-width: 34%;
        color: #62798b;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        line-height: 1.6;
        text-transform: uppercase;
        overflow-wrap: anywhere;
    }

    /* Cellatartalom megfelelő szélessége */
    .be-responsive-table tbody td > * {
        min-width: 0;
    }

    /* Utolsó cella */
    .be-responsive-table tbody td:last-child {
        border-bottom: none;
    }

    /* Ár mobilon is hangsúlyos */
    .be-responsive-table tbody td strong {
        color: #20394d;
        font-size: 16px;
    }

    /* A mobilos kártyák ne kapjanak dupla alsó szegélyt */
    .be-responsive-table tbody tr:last-child {
        margin-bottom: 0;
    }
}