/* ==========================================================================
   🧱 PARTNERS SECTION - ISOLATED CSS ENGINE (NO CONFLICTS)
   ========================================================================== */

#partner-container-block {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    overflow: hidden;
}

/* Base Layout Settings */
.partner-channel-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* min-height: 100vh;  Fallback para sa mga lumang browser */
    min-height: 100dvh; /* 🌟 Dynamic height para laging sakop ang screen */
    margin: 0;
    padding: 0;
}

.partner-text-pane {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 70px 80px; /* Binabaan ko mula 100px para mas compact */
    background-color: #ffffff;
}

.partner-media-pane {
    width: 50%;
    position: relative;
    /* min-height: 100vh;  Fallback */
    min-height: 100dvh; /* 🌟 Pantay sa kabuuang taas ng row */
}

.partner-bg-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.partner-main-img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
    object-position: center;
}

/* ==========================================================================
   📱 TABLET & MOBILE RESPONSIVE ENGINE (Iwas Scrollbar, Image sa Taas)
   ========================================================================== */
@media (max-width: 991px) {
    .partner-channel-row {
        flex-direction: column !important; /* Image sa Taas, Text sa Baba */
        min-height: auto !important; /* Hayaang maging fluid ang kabuuan para hindi mag-scrollbar */
    }

    .partner-media-pane {
        width: 100% !important;
        /* 🌟 FIX: Gawing sakop ang kalahati ng screen (45% to 50%) ng dynamic viewport */
        min-height: 45vh !important;
        min-height: 45dvh !important; 
        order: 1 !important;
    }

    .partner-text-pane {
        width: 100% !important;
        /* 🌟 FIX: Ito ang sasalo sa natitirang screen. Ginawa nating "min-height" para kung 
           sakaling bitayin sa maliit na phone, kusang hahaba pababa nang natural imbes na mag-scrollbar. */
        min-height: 55vh !important;
        min-height: 55dvh !important;
        padding: 40px 25px !important; /* Swabeng padding para sa mobile text */
        display: flex;
        flex-direction: column;
        justify-content: center; /* Gitna ang text vertically */
        order: 2 !important;
    }
}

/* ==========================================================================
   🌟 4-LINE PARAGRAPH CLAMP ENGINE (CONSISTENT ROW HEIGHTS)
   ========================================================================== */
.partner-content-text {
    font-family: "Montserrat", sans-serif;
    /* color: #051c3d; */
    font-size: 1.1rem;
    line-height: 1.7; /* Eksaktong line height control */
    font-weight: 400;
    margin-bottom: 30px;
    text-align: justify !important;
    
    /* Cross-browser Text Clamping Engine */
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important; /* 🌟 STRICTLY 4 LINES ONLY */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

@media (max-width: 576px) {
    .partner-content-text {
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 20px;
    }
}

/* ==========================================================================
   🖋️ TYPOGRAPHY & INTERACTIVE ELEMENTS (DYNAMIC COLORS APPLIED VIA INLINE)
   ========================================================================== */
.partner-label-top {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    display: block;
}

.partner-main-title {
    font-family: "Montserrat", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 991px) {
    .partner-main-title {
        font-size: 2.2rem;
        margin-bottom: 15px;
    }
}

.partner-plus-btn {
    /* 🎨 ORIGINAL MONG DESIGN (Pinanatili natin) */
    font-family: "Montserrat", sans-serif;
    padding: 12px 35px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    align-self: flex-start;
    transition: all 0.3s ease;
    text-decoration: none; /* Para siguradong walang salungguhit (underline) ang link */
    display: inline-block;
    text-align: center;

    /* 🟢 DYNAMIC COLORS MULA SA CMS */
    background-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
    border: 2px solid var(--btn-border) !important;
}

/* Universal Hover Effect para sa Dynamic Buttons */
.partner-plus-btn:hover {
    /* 🎨 ORIGINAL MONG HOVER EFFECT */
    opacity: 0.85; /* Ginawa kong .85 para di masyadong light, pero pwede mong ibalik sa 0.8 */
    transform: translateY(-2px); 

    /* 🟢 LOCK-IN COLORS PANGONTRA SA BOOTSTRAP */
    /* Minsan pinapalitan ng Bootstrap ang kulay ng link pag na-hover, kaya ni-lock natin */
    background-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
    border-color: var(--btn-border) !important;
}