/* ==========================================
   RESPONSIVE STYLES FOR iPAD MINI
   Target: 744x986 (iPad Mini portrait)
   Uses min-height to exclude large phones
   ========================================== */

/* iPad Mini in portrait (744x986) - Excludes phones with min-height check */
@media only screen
  and (min-width: 744px)
  and (max-width: 834px)
  and (min-height: 900px)
  and (orientation: portrait) {
    /* ========== ACCORDION LATERAL (from custom.css) ========== */
    .ac-lateral-container {
        flex-direction: column;
        height: auto;
    }

    .ac-lateral-title {
        flex: auto;
        padding: 20px;
        text-align: center;
    }

    .ac-lateral-accordion {
        flex-direction: column;
    }

    .ac-lateral-section {
        flex: auto;
        height: 80px;
        flex-direction: column;
        border-left: none;
        border-top: 1px solid #e0e0e0;
    }

    .ac-lateral-tab {
        flex: auto;
        width: 100%;
        height: 80px;
    }

    .ac-lateral-rotated-text {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 18px;
    }

    .ac-lateral-content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 20px;
        height: 0;
        transition: height 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
    }

    /* .ac-lateral-section:hover .ac-lateral-content,
    .ac-lateral-section.ac-lateral-active .ac-lateral-content {
        height: auto;
        min-height: 300px;
    } */

    /* ========== VISIBILITY HELPERS (from custom.css) ========== */
    .ipad-onn {
        display: block !important;
    }

    /* ========== CARD PROFILES (from custom.css) ========== */
    .card-profile {
        width: calc(50% - 1.5rem) !important;
    }

    /* ========== PANEL BODY (from custom.css) ========== */
    .panel-body {
        padding-right: 20px !important;
    }

    /* ========== LAYOUT & STRUCTURE ========== */
    body section {
        width: 100%;
        margin: auto;
    }

    .container-fluid {
        padding: 0 15px !important;
    }

    /* ========== NAVIGATION & MENU ========== */
    body .parent-menu li a {
        font-size: 32px !important;
    }

    .parent-menu {
        margin-left: 15px !important;
    }

    .mobile-off {
        display: none !important;
    }

    .mobile-on {
        display: block !important;
    }

    body .parent-menu ul.inserted-submenu li a {
        font-family: "Arial" !important;
        font-size: 16px !important;
        margin-bottom: 5px !important;
    }

    .main--menu .col-md-6 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    header a.logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0px;
    }

    .navbar-expand-lg>.container-fluid {
        padding: 0 15px !important;
    }

    /* ========== HERO SECTIONS ========== */
    .heroSection {
        min-height: 55vh;
        max-height: 55vh;
        height: 55vh;
    }

    .heroSection.height-75 {
        min-height: 55vh !important;
        height: calc(65vh - 100px) !important;
        max-height: 65vh !important;
    }

    .pin-spacer section.heroSection {
        width: calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important;
        min-width: calc(100% - 0px) !important;
    }

    .pin-spacer,
    body section.heroSection {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        min-width: calc(100% - 30px) !important;
    }

    body section video {
        width: 140% !important;
    }

    /* ========== SLIDERS ========== */
    .aboutImageSlider,
    .homeImageSlider,
    .mx-h.height-75,
    .mx-h .swiper-slide,
    .homeImageSlider .swiper-slide {
        max-height: 480px !important;
        min-height: 480px !important;
    }

    .mh-ip-55,
    .ipadhome,
    .height-75.ipadhome,
    .homeImageSlider,
    .homeImageSlider .swiper-slide,
    .homeImageSlider .swiper-slide img,
    .aboutImageSlider,
    .aboutImageSlider .swiper-slide,
    .aboutImageSlider .swiper-slide img {
        max-height: 500px !important;
        min-height: 500px !important;
    }

    /* ========== TYPOGRAPHY ========== */
    body h1 {
        font-size: 54px;
        line-height: 1;
        font-weight: 100 !important;
    }

    body h2 {
        font-size: 30px !important;
    }

    p.lead {
        font-size: 20px !important;
        font-weight: 500;
        line-height: 1.2;
    }

    body p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    body p.fz-20 {
        line-height: 1.5 !important;
        font-size: 18px !important;
    }

    .list-unstyled a {
        font-size: 15px !important;
    }

    /* ========== BOX WITH IMAGES ========== */
    .box-w-images {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 !important;
    }

    /* Homepage mantiene 2 columnas en iPad Mini */
    .box-w-images.homepage {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0px !important;
    }

    body .box-w-images li a {
        position: relative;
    }

    body .box-w-images li {
        width: calc(50% - 10px) !important;
        position: relative;
        margin: 0 0 40px 0 !important;
    }

    /* Homepage li mantiene 50% width */
    body .box-w-images.homepage li {
        width: calc(50% - 20px) !important;
        margin: 0px !important;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    /* body .box-w-images li h3 {
        text-transform: uppercase;
        font-weight: 500;
        width: 100%;
        font-size: 22px !important;
        position: absolute;
        bottom: 20px;
        left: 15px;
        color: white;
        margin: 0;
        z-index: 2;
    } */

    /* ========== LOCATION CARDS ========== */
    .heroSection .col-md-7{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
        .location-image {
            height: 220px;
            position: relative;
            overflow: hidden;
        }
    .location-marker{
        display: none !important;
    }
    /* .location-cards {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-center;
        -ms-flex-pack: justify;
        justify-content: space-center;
        margin: 0px !important;
    } */

    /* .location-card {
        width: calc(33% - 12px) !important;
        margin-bottom: 0px !important;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    } */

    .location-marker {
        display: block;
    }

    .location-info p {
        font-size: 14px !important;
    }

    /* Missions location cards */
    /* .onmissions .location-card {
        width: calc(50% - 12px) !important;
    } */

    /* ========== PROFILE CARDS ========== */
    .cards-profile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0px !important;
        justify-content: center !important;
    }

    .card-profile {
        width: calc(50% - 10px) !important;
        margin: 0px !important;
        margin-bottom: 20px !important;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-height: 380px;
    }

    body .card-profile-title {
        font-size: 1.3rem;
    }

    html body .x3 .card-profile-info {
        height: 20% ;
    }

    body .card-profile-icon {
        margin-top: 1rem;
        opacity: 1;
        transition: all 0.3s ease;
    }

    .card-profile .card-profile-subtitle {
        transition: all 0.3s ease;
        margin-bottom: 0px;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    /* Church planting cards */
    .churchplanting .card-profile {
        width: calc(50% - 15px) !important;
        min-height: 420px;
    }

    /* Plan a visit cards */
    .onplanavisit .card-profile.x2 {
        width: calc(50% - 10px) !important;
    }

    /* Together conference cards */
    .ontogheter ul.cards-profile,
    .ontogheter ul.cards-profile.kk {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 15px !important;
    }

    /* ========== INLINE CARDS ========== */
    body .card-inline {
        width: calc(50% - 10px);
        border-radius: 8px;
    }

    body .cards-inline {
        display: flex;
        gap: 20px;
        width: 100%;
        flex-wrap: wrap;
    }

    /* ========== EASTER SCHEDULE ========== */
    .easter-schedule {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -40px -60px -40px !important;
    }

    .easter-schedule li {
        width: calc(50% - 80px) !important;
        margin: 0 40px 60px 40px !important;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        background: #e8e8c4;
        flex-direction: column;
    }
.pb-120 {
    padding-bottom: 120px !important;
}

.pt-120 {
    padding-top: 120px !important;
}
    .easter-schedule li > img {
        width: 100%;
    }

    .easter-schedule li div {
        padding: 15px;
    }

    /* ========== BOXES & BORDERS ========== */
    .box-border,
    .box-border-change {
        min-height: 428px;
    }

    .p-40 {
        padding: 30px 20px;
    }

    /* ========== ACCORDION ========== */
    body .accordion-style1 .panel-title {
        font-size: 20px !important;
        letter-spacing: 0px !important;
    }

    .accordion-style1.panel-group .panel-heading+.panel-collapse>.list-group,
    .accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {
        padding: 20px 0px 30px !important;
    }

    .accordion-style1 .panel-title {
        padding-top: 10px;
    }

    body .newsticky {
        height: fit-content;
        position: relative !important;
        top: 0px;
    }

    /* ========== FOOTER ========== */
    footer p,
    footer a {
        font-size: 14px !important;
    }

    footer h5 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 100;
        letter-spacing: 0px;
    }

    footer p.small {
        font-size: 13px !important;
    }

    .Cutted-logo {
        width: 45%;
    }

    .Cutted-transparent {
        width: 28%;
    }

    .footer-pic {
        flex-direction: row;
    }

    .footer-pic li {
        width: 25%;
        height: 400px;
    }

    footer .col-md-6,
    footer .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* ========== UTILITY CLASSES ========== */
    .mb-xs-10 {
        margin-bottom: 10px !important;
    }

    .mb-xs-20 {
        margin-bottom: 20px !important;
    }
    div.mb-ipm-0{
        margin-bottom: 0 !important;
    }
    .mb-xs-40 {
        margin-bottom: 40px !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mb-ip-40 {
        margin-bottom: 40px !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .mt-300,
    .mt-40vh {
        margin-top: 0vh !important;
    }

    .pt-xs-0 {
        padding-top: 0px !important;
    }

    .py-xs-40 {
        padding: 40px 15px 60px !important;
    }

    .py-xs-0 {
        padding: 0px !important;
    }
    .mobile-off.ipad-on-m{
        display: block !important;
    }
    .pl-30 {
        padding-left: 20px !important;
    } 
    .mb-ipm-80{
        margin-bottom: 80px !important;
    }
img.border-radius-2.br2-ipm {
    border-radius: 8px;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: 50% 10%;
}
footer .text-right{
    text-align: right !important;
}
    /* ========== COLUMN UTILITIES ========== */
    .text-ipm-center{
        text-align: center !important;
    }
        .col-ipm-12,
    .col-ip-12 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .mb-ipm-60{
        margin-bottom: 60px;
    }
        .col-ip-6.col-ipm-8{
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
            max-width: 80%;
    }
    .col-ipm-4{
        -ms-flex: 0 0 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }
    .col-ipm-6,
    .col-ip-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-ip-0 {
        display: none !important;
    }

    .col-xs-6 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    /* ========== TEXT & ALIGNMENT ========== */
    .text-right {
        text-align: left !important;
    }

    body .text-center {
        text-align: left !important;
    }

    .cp2 .text-center,
    .boxesGive .text-center,
    .heroSection .text-center {
        text-align: center !important;
    }

    .d-flex--column {
        flex-direction: column;
        align-items: start !important;
    }

    .aic-off {
        align-items: initial !important;
    }

    .revert {
        flex-direction: column-reverse;
    }
    .revert-ipm{
        flex-direction: column-reverse;
    }

    

    /* ========== FILTER MENU ========== */
    .filter-menu-leadership {
        flex-wrap: wrap;
    }

    /* ========== IMAGES ========== */
    img.onipd {
        object-position: 94%;
    }

    img.pastorpic {
        height: 60vh;
        object-position: 50% 4%;
    }

    img.pastorpic2 {
        height: 48vh;
        object-position: 50% 24%;
    }

    img.pastorpic3 {
        height: 48vh;
        object-position: 50% 34%;
    }

    img.mh-xs-300 {
        height: 320px !important;
        object-position: 50% 50% !important;
    }

    /* ========== PARALLAX ========== */
    .image--parallax1--home.xs-auto,
    #parallaxHome1.xs-auto {
        min-height: 0 !important;
        height: auto !important;
        padding: 21px 0px !important;
    }

    #parallaxHome2.abouts {
        height: auto !important;
    }

    /* ========== NEXT STEPS ========== */
    .nextsteps .box-w-images {
        margin: 0px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        gap: 10px 20px !important;
    }

    /* ========== POPUP / BANNER ========== */
    .event-banner-overlay {
        padding: 0px 0px 15px 15px !important;
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
    }

    body .event-banner-overlay {
        width: calc(100% - 35px) !important;
        max-width: calc(100% - 35px) !important;
    }
header nav.nav-box-width {
    padding: 0 0px;
    transition: padding 0.3s ease;
}
    /* ========== BUTTONS ========== */
    body .btn.btn-transparent-black {
        min-width: 0px !important;
            padding: 10px 11px !important;
            letter-spacing: 0px;
            font-size: 14px;
    }

    .watchFloating {
        position: absolute;
        bottom: 40px;
        left: 15px;
    }

    /* ========== MISCELLANEOUS ========== */
    .mw-auto {
        min-width: 0px !important;
    }

    .ipad-off {
        display: none !important;
    }

    .fz-52 {
        line-height: 1;
    }

    .mb-3.fw-bold.footer-toggle {
        margin-bottom: 0px !important;
    }

    .footer-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        margin-top: 10px;
        border-bottom: 1px solid #0c0c0d30;
    }
    
}

/* ==========================================
   IPAD MINI LANDSCAPE (HORIZONTAL)
   Target: iPad Mini in landscape orientation
   Resolution: 1024x768 (width x height when horizontal)
   Min-height prevents phones in landscape from matching
   ========================================== */

@media only screen
    and (min-width: 900px)
    and (max-width: 1024px)
    and (min-height: 700px)
    and (max-height: 834px)
    and (orientation: landscape) {
        
    body footer h5 {
            text-transform: uppercase;
            font-size: 20px !important;
            font-weight: 100 !important;
            letter-spacing: 0px;
        }
                .container {
                    max-width: calc(100% - 30px);
                }
    /* Add your iPad Mini landscape-specific styles here */

}