/*
Theme Name: Zylyf Child
Theme URI: https://max-themes.net/zylyf
Description: Zylyf Child Theme. Use this child theme to make safe, update-proof modifications to the Zylyf theme.
Author: Max Themes
Author URI: https://max-themes.net
Template: zylyf-1
Version: 1.0.0
Text Domain: zylyf-child
*/


/* ==========================================================
   01. GLOBAL SETTINGS
   ========================================================== */

body {
    background-color: #000000 !important;
}

/* Disable Zylyf page preloader */
#d3-flash-modal {
    display: none !important;
}


/* ==========================================================
   02. HEADER & NAVIGATION
   ========================================================== */

/* Header logo */

.cpf-header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.cpf-header__logo-img {
    display: block;
    width: auto;
    height: 42px;
    max-width: 220px;
    object-fit: contain;
}

/* Hide drawer trigger on desktop */

@media (min-width: 1025px) {
    .cpf-header__burger {
        display: none !important;
    }
}

/* Language switcher menu item spacing */

#menu-item-1078-hu,
#menu-item-1080-hu,
#menu-item-1078-en,
#menu-item-1080-en {
    margin-top: 4px;
}

/* Mobile header */

@media (max-width: 767px) {
    .cpf-header__logo-img {
        height: 32px;
        max-width: 160px;
    }
}


/* ==========================================================
   03. MOBILE DRAWER
   ========================================================== */

/* Contact heading: hide original text */

.cpf-drawer__contact .cpf-drawer__tiny-label {
    font-size: 0 !important;
}

/* Language-specific contact heading */

html[lang^="hu"] .cpf-drawer__contact .cpf-drawer__tiny-label::after {
    content: "KAPCSOLAT";
    font-size: 10px;
    letter-spacing: 2px;
}

html[lang^="en"] .cpf-drawer__contact .cpf-drawer__tiny-label::after {
    content: "CONTACT";
    font-size: 10px;
    letter-spacing: 2px;
}

/* Hide GMT clock and legal section */

.cpf-drawer__time,
.cpf-drawer__legal {
    display: none !important;
}

/* Drawer social icons */

.coc-drawer-socials {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.coc-drawer-socials a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #444;
    border-radius: 50%;
    color: #fff;
    transition: border-color 0.2s, color 0.2s;
}

.coc-drawer-socials a:hover {
    border-color: #e5e500;
    color: #e5e500;
}

.coc-drawer-socials svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.coc-drawer-socials a:first-child svg {
    fill: currentColor;
    stroke: none;
}

/* Compact mobile drawer */

@media (max-width: 767px) {

    .cpf-drawer__list {
        gap: 0 !important;
    }

    .cpf-drawer__item {
        margin-bottom: 8px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .cpf-drawer__link {
        font-size: 24px !important;
        line-height: 1.2;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .cpf-drawer__top {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .cpf-drawer__mid {
        padding-top: 20px !important;
        margin-top: 0 !important;
        border-top: none !important;
    }

    .cpf-drawer__nav {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cpf-drawer__contact {
        padding-top: 0 !important;
    }
}


/* ==========================================================
   04. FOOTER
   ========================================================== */

.coc-footer {
    overflow: hidden;
}

/* Footer top row */

.coc-footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    padding: 35px 32px;
    border-bottom: 1px solid #111;
}

.coc-footer__nav {
    flex: 1 1 auto;
}

.coc-footer__menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.coc-footer__menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.coc-footer__top a {
    color: #0a0a0a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.coc-footer__top a:hover {
    opacity: 0.6;
}

.coc-footer__email {
    white-space: nowrap;
}

/* Footer social icons */

.coc-footer__socials {
    display: flex;
    align-items: center;
    gap: 22px;
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 700;
}

.coc-footer__socials span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.coc-footer__socials svg {
    width: 24px;
    height: 24px;
    display: block;
}

/* Center logo */

.coc-footer .tft-ftr-brutalist__marquee-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px !important;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.coc-footer .tft-ftr-brutalist__giant-logo {
    display: block;
    width: auto;
    max-height: 80px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}

/* Footer bottom row */

.coc-footer .tft-ftr-brutalist__baseline {
    border-top: 1px solid #111;
}

/* Mobile footer */

@media (max-width: 767px) {

    .coc-footer__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
        padding: 28px 20px;
    }

    .coc-footer__menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .coc-footer__menu li {
        display: block;
        width: 100%;
        margin: 0 !important;
    }

    .coc-footer .tft-ftr-brutalist__marquee-wrap {
        padding: 20px !important;
        margin: 0 !important;
        min-height: 0 !important;
    }

    .coc-footer .tft-ftr-brutalist__giant-logo {
        width: 100%;
        max-width: 330px;
        max-height: 80px;
    }
}


/* ==========================================================
   05. HOMEPAGE
   ========================================================== */

/* Homepage section headings */

.coc-home-title {
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
}

/* Mission page title */
.page-id-436 .tft-about-hero__label,
.page-id-456 .tft-about-hero__label {
	display: none !important;
}

/* About section container */

.coc-about-container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--cpf-container-max, 1480px) !important;
    margin-inline: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Artist management and booking cards */

.e-con.coc-service-card {
    padding: 35px !important;
}

/* Artist section title alignment */

.home .coc-artist-title {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Homepage portfolio section */

body.home .tft-portfolio {
    padding-top: 0 !important;
}

/* Hide unwanted portfolio card elements */

.home .tft-portfolio .year,
.home .tft-portfolio .tft-portfolio__card-dots,
.home .tft-portfolio .tft-portfolio__card-footer,
.home .tft-portfolio .tft-portfolio__card-index {
    display: none !important;
}

/* Hide unused theme elements */

.home .e-con .cpf-foundation__overlay,
.home .e-con .cpf-foundation__card--stat,
.home .tft-portfolio__header,
.home .tft-archives {
    display: none;
}

/* Foundation description width */

.home .e-con .cpf-foundation__desc {
    max-width: 100%;
}

/* Mobile homepage */

@media (max-width: 767px) {

    .coc-about-container,
    .tft-portfolio__container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .home .coc-artist-title {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}


/* ==========================================================
   06. PORTFOLIO & ARTIST PAGES
   ========================================================== */

/* Hide decorative and metadata elements */

.tft-portfolio--page .tft-portfolio__card-title .year,
.tft-portfolio--page .tft-portfolio__card-dots,
.tft-portfolio--page .tft-portfolio__card-index,
.tft-portfolio--page .tft-portfolio__card-footer {
    display: none !important;
}

/* Hide portfolio badge and theme ticker */

.tft-portfolio__badge,
.tft-master-screen__ticker {
    display: none !important;
}


/* ==========================================================
   07. FEKETE ZAJ & OTHER PAGES
   ========================================================== */

/* Section headings */

.coc-section-title {
    color: #E6DC30 !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
}

/* Hide unused hero glass card */

.tft-about-hero__glass-card {
    display: none !important;
}

/* Reduce hero spacing */

.tft-about-hero {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
}

/* Contact page */

.coc-contact {
    box-sizing: border-box !important;
    padding: 80px 40px !important;
}

/* Mobile subpages */

@media (max-width: 767px) {

    .coc-contact {
        padding: 60px 20px !important;
    }
}

/* Concerts scrollbox */

.e-con.coc-concert-scroll {
    max-height: 470px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #555 #000;
}

@media (max-width: 767px) {
    .e-con.coc-concert-scroll {
        max-height: 360px;
    }
}