/*
Theme Name: Normisjon Bangladesh
Theme URI: https://normisjon.org.bd
Description: Professional NGO website theme with one-click demo import. Works with Elementor.
Author: Normisjon Bangladesh
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.0
Text Domain: normisjon-bangladesh
*/

/* ── Base reset ── */
*, *::before, *::after { box-sizing: border-box; }
html { margin: 0 !important; padding: 0 !important; }
body { margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* ── Remove all default theme spacing for full-width Elementor ── */
.site-content, .page-content, main, .entry-content { padding: 0 !important; margin: 0 !important; }
.entry-title, .page-title { display: none !important; }

/* ── Elementor full-width fixes ── */
.elementor-section { margin: 0 !important; }
.elementor-widget-html { padding: 0 !important; }

/* ── Header / nav minimal ── */
.nb-site-header { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); }

/* ── Donor cards ── */
.nb-donor-img { padding: 0 !important; margin-bottom: 16px !important; }
.nb-donor-img img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 6px 6px 0 0;
    filter: grayscale(15%);
    transition: filter .3s ease;
}
.nb-donor-img img:hover { filter: grayscale(0%); }

/* Hover: image zoom */
.elementor-column:hover 
/* Card lift + shadow on hover */

/* Popup name overlay on hover */

.elementor-column:hover 
.elementor-column:has(
.elementor-column:has(

.elementor-column:hover 
.elementor-column:has(
.elementor-column:has(

/* ── Board of Directors — portrait cards ── */

/* Force portrait ratio using padding-bottom trick */
.nb-board-img {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 130% !important; /* 3:4 portrait ratio */
    overflow: hidden !important;
    border-radius: 6px 6px 0 0;
    margin: 0 !important;
    background: #E8E4DC;
    line-height: 0;
}
.nb-board-img img,
.nb-board-img .elementor-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    border-radius: 6px 6px 0 0;
    transition: transform 0.35s ease;
    margin: 0 !important;
}
.elementor-column:hover .nb-board-img img,
.elementor-column:hover .nb-board-img .elementor-image img {
    transform: scale(1.06);
}
/* Card hover lift + shadow */
.elementor-column:has(.nb-board-img) {
    transition: transform 0.28s ease, box-shadow 0.28s ease !important;
}
.elementor-column:has(.nb-board-img):hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.14) !important;
}

/* ── Donor cards — portrait ── */
.nb-donor-portrait {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    margin: 0 !important;
    background: #E8E4DC;
    line-height: 0;
}
.nb-donor-portrait img,
.nb-donor-portrait .elementor-image img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    border-radius: 6px 6px 0 0;
    transition: transform 0.3s ease;
    margin: 0 !important;
}
.elementor-column:hover .nb-donor-portrait img,
.elementor-column:hover .nb-donor-portrait .elementor-image img {
    transform: scale(1.05);
}