/*
 * Holyster Child - Footer fix v2 (ERŐSÍTETT)
 * -----------------------------------------------------------------------------
 * A Holyster szülő téma theme.css-e a stíluslap-sorrendben a footer-fix.css
 * UTÁN töltődik be, és felülírja a szabályainkat (rgb(237,237,237) háttér stb.).
 * Ezért ebben a verzióban minden kritikus layout- és színszabály !important-tal
 * kényszerül érvényesülni.
 * -----------------------------------------------------------------------------
 */

/* =============================================================
 * 1. Konténer szélesség
 * ============================================================= */
.site-footer .container,
.site-footer .footer-container > .container,
.site-footer .footer-container-after > .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* =============================================================
 * 2. Footer háttér + szín
 * ============================================================= */
.site-footer,
.site-footer .footer.footer-1,
footer#colophon,
footer#colophon .footer,
footer#colophon .footer-1 {
    background-color: #2b2b2b !important;
    background-image: none !important;
    color: #b8b8b8 !important;
    padding: 0 !important;
    margin-top: 40px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.site-footer .footer-container {
    padding: 50px 0 30px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    background-color: transparent !important;
}

.site-footer .footer-container-after {
    padding: 20px 0 !important;
    background-color: #1f1f1f !important;
}

/* =============================================================
 * 3. Négy hasábos elrendezés (flexbox, felülírással)
 * ============================================================= */
.site-footer .row,
.site-footer .footer-block,
.site-footer .menu-widget,
.site-footer .footer-container-after-inner > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    align-items: flex-start !important;
}

.site-footer .footer-block > [class*="col-"],
.site-footer .menu-widget > [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Bootstrap 4 oszlopszélességek — a téma alap grid CSS-e felülírva */
.site-footer .col-xs-12 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }

@media (min-width: 992px) {
    .site-footer .col-lg-3 { width: 25% !important;      flex: 0 0 25% !important;      max-width: 25% !important; }
    .site-footer .col-lg-4 { width: 33.3333% !important; flex: 0 0 33.3333% !important; max-width: 33.3333% !important; }
    .site-footer .col-lg-6 { width: 50% !important;      flex: 0 0 50% !important;      max-width: 50% !important; }
}

/* =============================================================
 * 4. Első hasáb — logó + szlogen
 * ============================================================= */
.site-footer .footer-info-block .storeinfo_img {
    margin-bottom: 20px !important;
}

.site-footer .footer-info-block .storeinfo_img img {
    max-width: 180px !important;
    height: auto !important;
    display: block !important;
}

.site-footer .storeinfo-desc {
    color: #cfcfcf !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* =============================================================
 * 5. Menü hasábok
 * ============================================================= */
.site-footer .menu-widget-item {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.site-footer .widget-title,
.site-footer .widget-title.block-title,
.site-footer .widget-title.title_block,
.site-footer .title_block,
.site-footer h4.widget-title {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    display: block !important;
    background: transparent !important;
}

.site-footer .widget-title span {
    display: inline-block !important;
    color: #ffffff !important;
    background: transparent !important;
}

.site-footer ul.menu,
.site-footer .widget_nav_menu ul,
.site-footer ul#menu-segitseg,
.site-footer ul#menu-vasarlas-menete,
.site-footer ul#menu-jogi-dokumentumok {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.site-footer ul.menu li,
.site-footer .widget_nav_menu li {
    margin: 0 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
    line-height: 1.6 !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
}

.site-footer ul.menu li a,
.site-footer .widget_nav_menu a {
    color: #b8b8b8 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: color 0.2s ease !important;
    display: inline-block !important;
    padding: 0 !important;
    background: transparent !important;
}

.site-footer ul.menu li a:hover,
.site-footer .widget_nav_menu a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* =============================================================
 * 6. Kapcsolat blokk
 * ============================================================= */
.site-footer .contact-block .store-contact {
    color: #b8b8b8 !important;
}

.site-footer .contact-block .block.emails {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.site-footer .contact-block .icon.email {
    flex: 0 0 auto !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.06) !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    color: #ffffff !important;
}

.site-footer .contact-block .data-info-box .data-title {
    color: #ffffff !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 3px !important;
}

.site-footer .contact-block .data.email a {
    color: #cfcfcf !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

.site-footer .contact-block .data.email a:hover {
    color: #ffffff !important;
}

/* Social ikonok konténer — a rá tett col-lg-3 osztályt felülírjuk */
.site-footer .contact-block .social-network,
.site-footer .contact-block .widget.social-network,
.site-footer div[id^="holyster_social_connect"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin-top: 10px !important;
    float: none !important;
}

.site-footer .socialsharing ul.social-icons,
.site-footer ul.social-icons {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.site-footer .socialsharing ul.social-icons li,
.site-footer ul.social-icons li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

.site-footer .socialsharing ul.social-icons li a,
.site-footer ul.social-icons li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
}

.site-footer .socialsharing ul.social-icons li a:hover,
.site-footer ul.social-icons li a:hover {
    background: #c9a55a !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* Facebook / Instagram fallback ikonok (ha a Font Awesome nem tölt) */
.site-footer .socialsharing .fa-facebook::before,
.site-footer .socialsharing .fa-facebook-f::before {
    content: "\f09a" !important;
    font-family: "FontAwesome", "Font Awesome 5 Brands", "Font Awesome 6 Brands", sans-serif !important;
}
.site-footer .socialsharing .fa-instagram::before {
    content: "\f16d" !important;
    font-family: "FontAwesome", "Font Awesome 5 Brands", "Font Awesome 6 Brands", sans-serif !important;
}

/* =============================================================
 * 7. Copyright + fizetési logó
 * ============================================================= */
.site-footer .footer-container-after-inner .row {
    align-items: center !important;
}

.site-footer .footer-copyright {
    color: #b8b8b8 !important;
    font-size: 13px !important;
    padding: 10px 15px !important;
    text-align: left !important;
    background: transparent !important;
}

.site-footer .footer-payment-icons {
    padding: 10px 15px !important;
    text-align: right !important;
    background: transparent !important;
}

.site-footer .footer-payment-icons img {
    max-width: 260px !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* =============================================================
 * 8. Vissza a tetejére gomb
 * ============================================================= */
.backtotop.top.button {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2b2b2b !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
    cursor: pointer !important;
    font-size: 18px !important;
    z-index: 999 !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.backtotop.top.button:hover {
    background: #c9a55a !important;
    transform: translateY(-3px) !important;
}

/* =============================================================
 * 9. Themify Icons fallback (ha a font nem érkezik meg)
 * ============================================================= */
.site-footer i.ti-email::before      { content: "\2709" !important; font-style: normal !important; }
.backtotop i.ti-angle-up::before     { content: "\25B2" !important; font-style: normal !important; }

/* =============================================================
 * 10. Mobil nézet
 * ============================================================= */
@media (max-width: 991px) {
    .site-footer .footer-container {
        padding: 30px 0 10px !important;
    }
    .site-footer .footer-block > [class*="col-"],
    .site-footer .menu-widget-item {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 30px !important;
    }
    .site-footer .menu-widget {
        flex-direction: column !important;
    }
    .site-footer .footer-container-after-inner > .row {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .site-footer .footer-copyright,
    .site-footer .footer-payment-icons {
        text-align: center !important;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .site-footer .footer-info-block .storeinfo_img img {
        margin: 0 auto !important;
    }
    .site-footer .footer-info-block,
    .site-footer .contact-block {
        text-align: center !important;
    }
    .site-footer .contact-block .block.emails {
        justify-content: center !important;
    }
    .site-footer .socialsharing ul.social-icons {
        justify-content: center !important;
    }
}