/* =====================================================
   Y2Z — Frontend Custom Overrides
   ===================================================== */

/* Content text spacing — override blog-single defaults */
.dz-card.blog-single .dz-post-text p { margin-bottom: 0.75rem; }
.dz-card.blog-single .dz-post-text > ul,
.dz-card.blog-single .dz-post-text > ol { margin-bottom: 0.75rem; }
.dz-card.blog-single .dz-post-text > ul li,
.dz-card.blog-single .dz-post-text > ol li { padding: 0.25rem 0.5rem; }

/* CMS-rendered TinyMCE content — restore paragraph/list spacing
   that the global template reset (p { margin: 0 }) strips. */
.cms-content p { margin-bottom: 1em; }
.cms-content p:last-child { margin-bottom: 0; }
.cms-content p:empty,
.cms-content p:has(> br:only-child) { min-height: 1em; margin-bottom: 1em; }
.cms-content ul,
.cms-content ol { margin-bottom: 1em; padding-left: 1.5rem; }
.cms-content ul li,
.cms-content ol li { margin-bottom: 0.25em; }
.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6 { margin-top: 1.5em; margin-bottom: 0.5em; }
.cms-content blockquote { margin: 1em 0; padding-left: 1rem; border-left: 3px solid currentColor; opacity: 0.85; }
.cms-content > *:first-child { margin-top: 0; }

/* Service page gallery */
.wp-block-gallery .blocks-gallery-item {
    flex: 1;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    max-width: 50%;
}
.wp-block-gallery .blocks-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =====================================================
   About / hub paragraph spacing — admin presses Enter once,
   front-end should NOT render a 2-line gap. Collapses
   TinyMCE-emitted empty paragraphs (<p>&nbsp;</p> / <p><br></p>).
   ===================================================== */
.y2z-about-content p,
.y2z-hub-about-content p {
    margin-bottom: 8px;
}
.y2z-about-content p:last-child,
.y2z-hub-about-content p:last-child {
    margin-bottom: 0;
}
.y2z-about-content p:empty,
.y2z-hub-about-content p:empty,
.y2z-about-content p:has(> br:only-child),
.y2z-hub-about-content p:has(> br:only-child) {
    display: none;
}

/* =====================================================
   .vl-btn1 (Daha Fazla, Tüm Programı Gör, Haberi Oku vb.)
   marka renkleri — beyaz text idle, hover'da corporate sarı.
   Zirve (summit) sayfalarındaki zirve-base.css ile aynı pattern.
   ===================================================== */
.vl-btn1 {
    color: #fff !important;
}
.vl-btn1:hover,
.vl-btn1:focus,
.vl-btn1:active {
    color: var(--vl-hover-color, var(--ztc-text-text-4)) !important;
}

/* =====================================================
   Header sosyal ikonları — beyaz default, hover'da corporate.
   homepage1-body header (brand + zirve sticky), her durumda override.
   ===================================================== */
.header-area .header-elements .btn-area ul li a,
.header-area .header-elements .btn-area ul li a:visited {
    color: #fff !important;
    background: transparent !important;
}
.header-area .header-elements .btn-area ul li a:hover,
.header-area .header-elements .btn-area ul li a:focus {
    color: var(--ztc-text-text-4) !important;
    background: #fff !important;
}

/* =====================================================
   Zirve "Kayıt Ol" — header pill ve hexagonal overlay.
   main.css'te koyu (--ztc-text-text-2) kuralı var, override.
   ===================================================== */
.register-btn,
.register-btn:visited {
    color: #fff !important;
}
.register-btn:hover,
.register-btn:focus,
.register-btn:active {
    color: var(--ztc-text-text-4) !important;
}
.about-btnarea a,
.about-btnarea a:visited,
.hero2-slider-area .her2-section-area .about-btnarea a,
.about1-section-area .about-imges .about-btnarea a {
    color: #fff !important;
}
.about-btnarea a:hover,
.about-btnarea a:focus {
    color: #fff !important;
    opacity: 0.9;
}
.about-btnarea a span,
.hero2-slider-area .her2-section-area .about-btnarea a span,
.about1-section-area .about-imges .about-btnarea a span {
    background: #fff !important;
    color: #000 !important;
}

/* =====================================================
   DETAYLI PROGRAM (event-header h5) — pill shape, saat
   pill'i (event-time-badge) ile görsel uyum.
   ===================================================== */
.event-header.heading2 h5,
.event-header .heading2 h5,
.event1-section-area .event-header h5 {
    border-radius: 999px !important;
    padding: 9px 18px !important;
    letter-spacing: 0.4px;
}
