@charset "UTF-8";/* ================================================
   TOMPENS.COM – rendezett Custom CSS
   Helix custom.css + korábbi JCH Custom CSS
   ================================================ */

/* ------------------------------------------------
   FEJLÉC ÉS LOGÓ
   ------------------------------------------------ */

/* Magyar mobil logó: méret, CLS és világos körvonal */
@media (max-width: 991px) {
    img.logo-image-phone {
        width: 300px !important;
        max-width: 300px !important;
        height: auto !important;
        aspect-ratio: 300 / 49.5;
        filter:
            drop-shadow(1px 0 0 rgba(255, 255, 255, 0.95))
            drop-shadow(-1px 0 0 rgba(255, 255, 255, 0.95))
            drop-shadow(0 1px 0 rgba(255, 255, 255, 0.95))
            drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.95));
    }
}

/* Asztali logó elhelyezése */
#sp-logo img.logo-image {
    width: 300px;
    max-width: 100%;
    height: 164px;
    margin-left: 250px;
    aspect-ratio: 641 / 164;
}


#sp-header .container-inner {
    position: relative;
}


/* ------------------------------------------------
   TOLLKÁRTYÁK
   ------------------------------------------------ */

.card {
    max-width: 725px;
    margin: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: left;
    font-family: Arial, sans-serif;
}

.tollcim {
    color: white !important;
    background-color: #1a2535 !important;
    font-size: 22px !important;
    text-align: left;
}

.leiras {
    color: black;
    font-size: 16px;
    text-align: left;
}

.price {
    color: white;
    background-color: #d2b48c;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.price span {
    margin-left: 10px;
}

.card button {
    width: 100%;
    padding: 12px;
    border: none;
    outline: 0;
    color: black;
    background-color: white;
    font-size: 18px;
    text-align: left;
    cursor: pointer;
}

.card button:hover {
    opacity: 0.7;
}

/* ------------------------------------------------
   CIKKTARTALOM ÉS LISTAOLDALAK
   ------------------------------------------------ */

/* Bővebben hivatkozások */
.readmore a {
    display: inline-block;
    color: blue;
    font-size: 1.2em;
    font-weight: 700;
    transition: all 0.2s ease;
}

.readmore a:hover {
    opacity: 0.8;
    transform: translateX(3px);
}

.readmore a::after {
    content: " →";
    transition: margin 0.2s ease;
}

.readmore a:hover::after {
    margin-left: 5px;
}

/* Featured felirat elrejtése */
.featured-article-badge {
    display: none !important;
}

/* Bannerek középre igazítása */
.mod-banners,
.mod-banners.bannergroup,
.mod-banners__item.banneritem {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.mod-banners__item.banneritem a {
    display: block !important;
    text-align: center !important;
}

.mod-banners__item.banneritem img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Egyedi cikknézet: 725 px széles hasáb */
[itemprop="articleBody"],
.item-page .article-fulltext,
.item-page .article-content,
.com-content-article__body {
    max-width: 725px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Hírekmodulok: 725 px széles hasáb */
#sp-position7 .mod-articlesnews,
#sp-position7 .mod-articlesnews__item,
.mod-articlesnews,
.mod-articlesnews__item {
    max-width: 725px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Cikk- és moduláris képek */
[itemprop="articleBody"] img,
.item-page img,
#sp-position7 img,
.mod-articlesnews img {
    display: block !important;
    width: 100% !important;
    max-width: 725px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* A fejlécmodul képe teljes szélességű marad */
#sp-top1 img {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Kategória-, kiemelt-, címke- és galériaoldalak */
.com-content-category-blog,
.com-content-category-blog__items,
.blog-items,
.blog.com-content-category-blog,
.blog-featured,
.com-tags-tag.tag-category,
.com-content-categories.categories-list {
    max-width: 725px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Bővebben blokk minden nézetben */
.com-content-category-blog .readmore,
.blog-item .readmore,
.article-body .readmore,
.item-page .readmore,
.item-page a.btn-readmore,
a.readmore {
    clear: both !important;
    display: block !important;
    max-width: 725px !important;
    margin-top: 10px !important;
}

/* Footer és alsó modulpozíciók */
#sp-footer,
#sp-bottom1,
#sp-bottom2,
#sp-bottom3,
.sp-footer {
    max-width: 725px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.item-page .article-content::after,
.item-page .article-fulltext::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* ------------------------------------------------
   TIPOGRÁFIA
   ------------------------------------------------ */

.cikk-cim {
    color: black;
    font-size: 32px;
    font-weight: bold;
}

.cikk-alcim {
    color: black;
    font-size: 24px;
    font-style: italic;
}

.cikk-bevezeto {
    color: black;
    font-size: 20px;
}

.cikk-szoveg {
    color: black;
    font-size: 18px;
}

/* ------------------------------------------------
   TÁBLÁZATOK
   A globális szabályok egyelőre változatlanok maradtak.
   ------------------------------------------------ */

table {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

td {
    padding: 16px;
    border: 1px solid #ddd;
}

tr:nth-child(even) {
    background-color: #eee;
}

/* Megjelenés táblázat */
.megjelenes {
    font-family: Arial, sans-serif;
}

.megjelenes tr:first-child {
    color: white;
    background-color: black;
    font-size: 18px;
    font-family: "Arial Black", sans-serif;
}

.megjelenes tr:nth-child(2),
.megjelenes tr:nth-child(4),
.megjelenes tr:nth-child(6) {
    background-color: #ccc;
    font-size: 18px;
}

.megjelenes tr:nth-child(3),
.megjelenes tr:nth-child(5) {
    background-color: #e0e0e0;
    font-size: 18px;
}

.megjelenes tr:last-child {
    color: black;
    background-color: #fffbf0;
    font-size: 20px;
    font-family: "Arial Black", sans-serif;
    text-align: right;
}

/* ------------------------------------------------
   ANGOL BEMUTATKOZÓ OLDAL
   ------------------------------------------------ */

.intro-container {
    max-width: 900px;
    margin: auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
}

.intro-title {
    margin: 0 0 20px;
    color: #222;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
}

.intro-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

.intro-image-container {
    flex: 0 1 350px;
    max-width: 100%;
}

.intro-image {
    display: block;
    width: 350px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 35 / 24;
    object-fit: cover;
    border: 2px solid #666;
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.intro-image.show {
    opacity: 1;
}

.intro-text-start {
    flex: 1 1 280px;
}

.intro-text-start,
.intro-text-below {
    color: #444;
    font-size: 16px;
    line-height: 1.6;
}

.intro-text-start p {
    margin: 0;
}

.intro-text-below {
    margin-top: 20px;
}

.intro-text-below p {
    margin: 0 0 1em;
}

.intro-text-below p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .intro-top {
        flex-direction: column;
        align-items: center;
    }

    .intro-text-start {
        flex-basis: auto;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .intro-image {
        transition: none;
    }
}

/* Az angol kezdőlap kiemelt képének ismétlődését megszünteti */
body.itemid-802 figure.article-full-image {
    display: none !important;
}

/* ------------------------------------------------
   MORZSAMENÜ
   ------------------------------------------------ */

.mod-breadcrumbs .breadcrumb-item.active,
.mod-breadcrumbs .breadcrumb-item.active > span {
    color: #495057 !important;
}

/* ------------------------------------------------
   MENÜNYILAK – FONT AWESOME NÉLKÜL
   ------------------------------------------------ */

/* Asztali legördülő menü */
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
    content: "" !important;
    display: inline-block !important;
    float: none !important;
    width: 7px;
    height: 7px;
    margin-left: 8px;
    position: relative;
    top: -2px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    font-family: inherit !important;
}

/* Mobilmenü alapállapota */
.offcanvas-menu .menu-parent .menu-toggler::after {
    content: "" !important;
    display: inline-block !important;
    width: 7px;
    height: 7px;
    position: relative;
    top: -2px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    font-family: inherit !important;
}

/* Mobilmenü nyitott állapota */
.offcanvas-menu .menu-parent.menu-parent-open > a > .menu-toggler::after,
.offcanvas-menu .menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
    top: 2px;
    transform: rotate(225deg);
}
/* Magyar asztali oldal teljes szélességű fejléce */
@media (min-width: 992px) {
    body.hu-hu.layout-boxed .body-innerwrapper {
        width: 100% !important;
        max-width: none !important;
        box-shadow: none !important;
    }
}
/* Asztali fejléc és menük összehangolt igazítása */
@media (min-width: 992px) {

    /* Elérhetőségek és zászlók jobb széle */
    #sp-top-bar > .container {
        width: 100% !important;
        max-width: 725px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Kereső jobb széle ugyanarra a függőleges vonalra */
    #sp-header .header-modules {
        position: absolute !important;
        top: 50%;
        right: calc((100% - 725px) / 2) !important;
        transform: translateY(-50%);
    }

    /* Magyar menü balra igazítása */
    body.hu-hu #sp-menu nav.sp-megamenu-wrapper {
        transform: translateX(-250px) !important;
    }

    /* Angol menü helyzetének megtartása */
    body.en-gb #sp-menu nav.sp-megamenu-wrapper {
        transform: translateX(-151px) !important;
    }

    /* Angol menü keskenyítése és egy sorban tartása */
    body.en-gb .sp-megamenu-parent {
        white-space: nowrap;
    }

    body.en-gb .sp-megamenu-parent > li > a,
    body.en-gb .sp-megamenu-parent > li > span {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 15px !important;
    }
}