/* ================================================================
   HALİÇ ÇEVRE — Belgeler Pro (v12.2 — %95 Ölçek)
   LEGACY HTML COMPATIBILITY MODE (1200px)
   Supports detay-link and detay-link-2 structures automatically.
   ================================================================ */

.belgeler-page {
    background: #f8fafc;
    padding-bottom: 5.67rem; /* 5.4 × 1.05 */
}

/* ── Hero & Search ── */
.belgeler-hero { background: #fff; padding: 5.67rem 0 0.95rem; text-align: center; }
.belgeler-hero__inner { max-width: 1134px; margin: 0 auto; }
.belgeler-hero__title { font-size: clamp(1.7rem, 4.73vw, 2.27rem); font-weight: 800; color: #0f172a; margin: 0; }
.hisa-toolbar { background: #fff; padding-bottom: 1.89rem; display: flex; justify-content: center; }

/* ── Auto-Deduplication: Hide extra search bars in content ── */
.hisa-editor-content input[type="search"],
.hisa-editor-content .wp-block-search,
.hisa-editor-content .hisa-searchbox {
    display: none !important;
}
.hisa-searchbox {
    background: #fff; padding: .47rem; border-radius: 19px; border: 1px solid #edf2f7;
    box-shadow: 0 9px 38px rgba(0,0,0,0.06); display: flex; align-items: center;
    width: 100%; max-width: 1040px; gap: .47rem;
}
.hisa-searchbox input { flex: 1; height: 45px; border: none; background: transparent; font-size: 1rem; color: rgba(30,41,59,0.82); outline: none; padding-left: 1.42rem; font-family: inherit; }
.hisa-searchbox button { background: #1fa2d6; color: #fff; border: none; height: 45px; padding: 0 2.36rem; border-radius: 12px; font-weight: 800; cursor: pointer; font-size: 0.95rem; }

/* ── Ana Konteyner ── */
.hisa-wrap { max-width: 1134px; margin: 0 auto; padding: 0 23px; text-align: left !important; }

/* ── DYNAMIC ACCORDION (Generated via JS) ── */
.hisa-item {
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 19px;
    margin-bottom: 0.47rem;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    text-align: left !important;
}
.hisa-item:hover { box-shadow: 0 12px 34px rgba(0,0,0,0.05); border-color: #cbd5e1; transform: translateY(-2px); }

.hisa-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.05rem 1.89rem;
    cursor: pointer;
    user-select: none;
    transition: background 0.3s;
}
.hisa-label:hover { background: #fafcfd; }

.hisa-title { font-size: 1.09rem; font-weight: 700; color: rgba(30,41,59,0.85); line-height: 1.4; flex: 1; padding-right: 1.89rem; }

.hisa-label-right { display: flex; align-items: center; gap: 1.42rem; flex-shrink: 0; margin-left: auto; }
.hisa-count { font-size: .71rem; font-weight: 800; color: rgba(100,116,139,0.80); background: #f1f5f9; padding: .42rem .95rem; border-radius: 100px; }

.hisa-plus {
    width: 30px;
    height: 30px;
    background: #1fa2d6;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    transition: all 0.4s;
    box-shadow: 0 4px 10px rgba(31,162,214,0.2);
}
.hisa-plus::before, .hisa-plus::after {
    content: "";
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.hisa-plus::before { width: 14px; height: 2px; }
.hisa-plus::after { width: 2px; height: 14px; }

.hisa-item.hisa-open { border-color: #1fa2d6; }
.hisa-item.hisa-open .hisa-plus { background: #1fa2d6; transform: rotate(45deg); }
.hisa-item.hisa-open .hisa-plus::before, .hisa-item.hisa-open .hisa-plus::after { background: #fff; }

.hisa-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s; }
.hisa-item.hisa-open .hisa-panel { grid-template-rows: 1fr; border-top: 1px solid #f8fafc; }
.hisa-panel-inner { overflow: hidden; padding: 0 2.36rem; }

/* Sub-items list styling */
.hisa-sub {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    padding: 1.42rem 0; border-bottom: 1px solid #f1f5f9; text-decoration: none !important;
    width: 100% !important; text-align: left !important;
}
.hisa-sub:last-child { border-bottom: none; }

.hisa-sub-left { display: flex; align-items: center; gap: 1.16rem; flex: 1; justify-content: flex-start !important; }
.hisa-type { font-size: .66rem; font-weight: 800; background: #eef7fc; color: #1fa2d6; padding: .38rem .84rem; border-radius: 7px; text-transform: uppercase; }
.hisa-name { font-size: 1.04rem; font-weight: 600; color: rgba(74,85,104,0.82); line-height: 1.5; }

.hisa-btn {
    background: #1fa2d6; color: #fff !important; padding: .71rem 1.66rem; border-radius: 12px;
    font-size: .81rem; font-weight: 700; white-space: nowrap;
}

/* ── Fallback for Legacy Links (Before JS loads or if lone) ── */
.hisa-editor-content .detay-link,
.hisa-editor-content .detay-link-2 {
    display: none; /* JS will convert these into hisa-items */
}

/* No Results Message */
.hisa-no-results { text-align: center; padding: 4.73rem 0; color: rgba(148,163,184,0.85); font-weight: 700; }