/* ==========================================================================
   NOAM THEME — FOOTER ALIGNMENT + SOCIAL ROW + CITATION BUTTON CLEANUP
   Tempel di PALING BAWAH styleSheet.css
   ========================================================================== */

/* =========================================================
   1. FOOTER DESKTOP — beri ruang antar Address / Contact / Publisher
   ========================================================= */
.noam-aed .noam-footer-grid{
    display:grid !important;
    grid-template-columns:
        minmax(280px,1.20fr)
        minmax(300px,1.22fr)
        minmax(270px,1.08fr)
        minmax(300px,1.20fr) !important;
    column-gap:72px !important;
    row-gap:26px !important;
    align-items:start !important;
    padding:38px 0 34px !important;
}

/* Kolom 2,3,4 jangan saling menempel */
.noam-aed .noam-footer-address,
.noam-aed .noam-footer-contact,
.noam-aed .noam-footer-publisher{
    min-width:0 !important;
}

/* Contact sedikit digeser ke kanan */
.noam-aed .noam-footer-contact{
    padding-left:12px !important;
}

/* Publisher sedikit lebih ke kanan lagi */
.noam-aed .noam-footer-publisher{
    padding-left:24px !important;
}

/* Judul kolom seragam */
.noam-aed .noam-footer-address h3,
.noam-aed .noam-footer-contact h3,
.noam-aed .noam-footer-publisher h3{
    margin:0 0 14px !important;
    padding:0 !important;
    line-height:1.25 !important;
}

/* Isi kolom lebih lega */
.noam-aed .noam-footer-address p,
.noam-aed .noam-footer-contact p,
.noam-aed .noam-footer-publisher p{
    margin:0 0 6px !important;
    line-height:1.55 !important;
}

/* =========================================================
   2. SOCIAL MEDIA — "Join us on :" HARUS SATU BARIS
   ========================================================= */
.noam-aed .noam-footer-social{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    margin-top:18px !important;
    width:100% !important;
}

/* Kalau HTML memisahkan label dan ":" */
.noam-aed .noam-footer-social-label{
    display:inline-flex !important;
    align-items:center !important;
    white-space:nowrap !important;
    margin:0 4px 0 0 !important;
    padding:0 !important;
    line-height:1 !important;
}

/* Paksa tanda : ikut label pada baris yang sama */
.noam-aed .noam-footer-social-label::after{
    content:":" !important;
    margin-left:3px !important;
}

/* Sembunyikan ":" yatim jika theme mencetak node terpisah */
.noam-aed .noam-footer-social > .noam-social-colon,
.noam-aed .noam-footer-social > .social-colon{
    display:none !important;
}

/* Kumpulan icon */
.noam-aed .noam-footer-social-icons{
    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}

/* Bila icon langsung menjadi anak .noam-footer-social */
.noam-aed .noam-footer-social > a{
    flex:0 0 auto !important;
    margin:0 !important;
}

/* Ukuran icon lebih proporsional */
.noam-aed .noam-footer-social a{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
}

/* =========================================================
   3. FOOTER BOTTOM — tetap rapat
   ========================================================= */
.noam-aed .noam-footer-bottom{
    padding:8px 0 9px !important;
}

.noam-aed .noam-footer-bottom-inner{
    margin:0 auto !important;
    padding:0 !important;
    line-height:1.35 !important;
}

/* =========================================================
   4. MORE CITATION FORMATS — tombol lebih rapi
   ========================================================= */
.noam-aed .citation_formats_button,
.noam-aed .noam-citation-dropdown > button,
.noam-aed .noam-citation-dropdown > .citation_formats_button{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:40px !important;
    padding:0 38px 0 14px !important;
    border:1px solid #d5dade !important;
    border-radius:3px !important;
    background:#fff !important;
    box-shadow:0 2px 6px rgba(0,0,0,.08) !important;
    color:#18242b !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    cursor:pointer !important;
}

/* Panah dropdown selalu terlihat */
.noam-aed .citation_formats_button::after,
.noam-aed .noam-citation-dropdown > button::after,
.noam-aed .noam-citation-dropdown > .citation_formats_button::after{
    content:"▾" !important;
    position:absolute !important;
    right:13px !important;
    top:50% !important;
    transform:translateY(-52%) !important;
    font-family:Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    color:#39474f !important;
    pointer-events:none !important;
}

/* Hilangkan ikon panah lama yang dobel/merah */
.noam-aed .citation_formats_button .fa,
.noam-aed .citation_formats_button .fas,
.noam-aed .citation_formats_button .far,
.noam-aed .citation_formats_button .caret{
    display:none !important;
}

/* =========================================================
   5. RESPONSIVE
   ========================================================= */
@media (max-width:1280px){
    .noam-aed .noam-footer-grid{
        grid-template-columns:1fr 1fr !important;
        column-gap:50px !important;
        row-gap:30px !important;
    }

    .noam-aed .noam-footer-contact,
    .noam-aed .noam-footer-publisher{
        padding-left:0 !important;
    }
}

@media (max-width:720px){
    .noam-aed .noam-footer-grid{
        grid-template-columns:1fr !important;
        gap:24px !important;
        padding:28px 0 !important;
    }

    .noam-aed .noam-footer-social{
        flex-wrap:wrap !important;
        gap:8px !important;
    }

    .noam-aed .noam-footer-social a{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
    }
}