/**
 * Necox Popup Blocks — cekirdek blok stilleri (Elementor'suz icerik modeli).
 * @since 5.9.0 (POPUP-NECOX-PORT FAZ 1)
 *
 * Kabuk stilleri (overlay, kutu, kapatma) necox-styles.css'te durur ve DEGISMEDI;
 * bu dosya yalnizca .necox-blocks icini duzenler.
 */

.necox-blocks {
    padding: 24px 26px;
    box-sizing: border-box;
    width: 100%;
}

.necox-blocks .necox-blk {
    margin: 0 0 14px;
}

.necox-blocks .necox-blk:last-child {
    margin-bottom: 0;
}

/* Baslik */
.necox-blocks .necox-blk-heading {
    line-height: 1.25;
    font-weight: 700;
}

/* Metin */
.necox-blocks .necox-blk-text {
    line-height: 1.55;
}

.necox-blocks .necox-blk-text p {
    margin: 0 0 10px;
}

.necox-blocks .necox-blk-text p:last-child {
    margin-bottom: 0;
}

/* Gorsel */
.necox-blocks .necox-blk-image img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* Buton */
.necox-blocks .necox-blk-btn {
    display: inline-block;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    line-height: 1.2;
    transition: filter .15s ease, transform .15s ease;
}

.necox-blocks .necox-blk-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.necox-blocks .necox-blk-btn--sm { padding: 8px 16px;  font-size: 13px; }
.necox-blocks .necox-blk-btn--md { padding: 11px 22px; font-size: 14px; }
.necox-blocks .necox-blk-btn--lg { padding: 14px 28px; font-size: 16px; }

.necox-blocks .necox-blk-btn--full {
    display: block;
    width: 100%;
    text-align: center;
}

/* Ayrac */
.necox-blocks .necox-blk-divider {
    border: 0;
    border-top: 1px solid #e2e4ea;
    margin-left: auto;
    margin-right: auto;
}

/* Mobil */
@media (max-width: 480px) {
    .necox-blocks {
        padding: 18px 16px;
    }
}

/* v6.1.1 — seffaf kabuk: blok sarici bosluksuz (seffaf video/gorsel tam yuzer) */
.necox-cpt-popup.necox-force-transparent .necox-blocks,
.necox-cpt-popup[data-template-id*="transparent"] .necox-blocks {
    padding: 0;
}

/* ============================================================
   v6.8.0 — FORM BUILDER blogu (CSS degiskenleri renderer'dan:
   custom alanlar veya assets/form-templates/{slug}.json map'i) 
   ============================================================ */
.necox-blk-form-builder {
    background: var(--nfb-form-bg, transparent);
    border-radius: var(--nfb-form-radius, 0);
    box-shadow: var(--nfb-form-shadow, none);
    padding: 8px;
    text-align: left;
}
.necox-blk-form-builder .necox-form-field { margin-bottom: 14px; }
.necox-blk-form-builder .necox-form-label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}
.necox-blk-form-builder .necox-required { color: #dc2626; }
.necox-blk-form-builder .necox-form-input,
.necox-blk-form-builder .necox-form-select,
.necox-blk-form-builder .necox-form-textarea {
    width: 100%;
    padding: 12px;
    background: var(--nfb-input-bg, #ffffff);
    color: var(--nfb-input-color, #1e293b);
    border: 1px solid var(--nfb-input-border, #dddddd);
    border-radius: var(--nfb-input-radius, 6px);
    font-size: 15px;
    box-sizing: border-box;
}
.necox-blk-form-builder .necox-form-textarea { min-height: 96px; resize: vertical; }
.necox-blk-form-builder .necox-form-input.necox-error,
.necox-blk-form-builder .necox-form-textarea.necox-error { border-color: #dc2626; }
.necox-blk-form-builder .necox-form-input.necox-success,
.necox-blk-form-builder .necox-form-textarea.necox-success { border-color: #16a34a; }
.necox-blk-form-builder .necox-field-error { color: #dc2626; font-size: 12px; margin-top: 4px; }
.necox-blk-form-builder .necox-form-button {
    width: 100%;
    padding: 13px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    background: var(--nfb-btn-bg, #2271b1);
    color: var(--nfb-btn-color, #ffffff);
    border-radius: var(--nfb-btn-radius, 6px);
}
.necox-blk-form-builder .necox-form-button:disabled { opacity: 0.7; cursor: wait; }
.necox-blk-form-builder .necox-form-response { margin-top: 12px; padding: 10px; border-radius: 6px; font-size: 14px; }
.necox-blk-form-builder .necox-form-response.success { background: #dcfce7; color: #166534; }
.necox-blk-form-builder .necox-form-response.error { background: #fee2e2; color: #991b1b; }
.necox-blk-form-builder .necox-range-values { text-align: center; font-weight: 700; margin-top: 4px; }

/* ============================================================
   v6.11.0 P1 — HBT-CANVAS satir/kolon (veri modeli v2)
   .necox-blk-row = flex satir; .necox-blk-col = kolon (width %
   renderer'dan flex:0 0 N% ile gelir; flex-basis dersi: max-width eşlik eder).
   Mobilde (≤480px popup ici) kolonlar alt alta.
   ============================================================ */
.necox-blocks-v2 .necox-blk-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}
.necox-blocks-v2 .necox-blk-row:last-child { margin-bottom: 0; }
.necox-blocks-v2 .necox-blk-col {
    flex: 1 1 0;
    min-width: 0;
}
@media (max-width: 480px) {
    .necox-blocks-v2 .necox-blk-row { flex-wrap: wrap; }
    .necox-blocks-v2 .necox-blk-col { flex: 1 1 100% !important; max-width: 100% !important; }
}

/* v6.16.0 Karar-4 — medyali anket siklari */
.necox-choice-item .necox-choice-media { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; margin: 0 8px 0 4px; vertical-align: middle; }
.necox-choice-item .necox-choice-icon { font-size: 20px; margin: 0 6px 0 2px; vertical-align: middle; }

/* v6.17.0 Karar-6 — arka plan medya katmani (countdown + slider ortak) */
.nxbg-host { position: relative; overflow: hidden; }
.nxbg-wrap { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.nxbg-wrap .nxbg-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); object-fit: cover; }
.nxbg-wrap .nxbg-iframe { position: absolute; top: 50%; left: 50%; width: 177.78vh; min-width: 100%; height: 100%; min-height: 56.25vw; transform: translate(-50%, -50%); }
.nxbg-wrap .nxbg-slides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .8s ease; }
.nxbg-wrap .nxbg-slides img.on { opacity: 1; }
.nxbg-overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.nxbg-host .calendar-container, .nxbg-host .ncx2-form-area, .nxbg-host .ncx2-success-area, .nxbg-host .ncx2-results-area { position: relative; z-index: 2; }

/* v6.21.2 — medya blogu sarmalayicisi tikla-kapat sozlesmesi geregi 'necox-popup-close'
   SINIFINI tasir; X-BUTONU icin yazilmis global kural (necox-styles.css:674
   .necox-popup-close{position:absolute;display:flex;...}) kutuyu akistan cikarip kolon
   yuksekligini 0'a dusuruyordu -> seffaf video + neon = ekran boyu 'cizgi'. Blok
   sarmalayicisinda akisa geri don (2-sinif secici globali her yukleme sirasinda ezer). */
.necox-blk.necox-popup-close { position: relative; display: inline-block; width: 100%; padding: 0; border-radius: 0; z-index: auto; }
