/* Mobile Compact Styles */

/* Resources Page */
@media (max-width: 991px) {
    .resources-page .row {
        flex-direction: column-reverse;
    }
    
    .resources-page .order-lg-1 {
        order: 1;
    }
    
    .resources-page .order-lg-2 {
        order: 2;
    }
    
    .resources-sidebar {
        position: static !important;
        top: auto !important;
        margin-bottom: 30px;
    }
    
    .page-filter-wrapper {
        background: #f8f9fa;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 30px;
    }
    
    .resource-filter-form .form-control,
    .resource-filter-form .form-select {
        font-size: 14px;
        padding: 10px 12px;
        height: auto;
    }
    
    .resource-filter-form .btn {
        font-size: 14px;
        padding: 10px 20px;
        width: 100%;
    }
    
    .resource-card__header {
        padding: 14px !important;
    }
    
    .resource-card__title {
        font-size: 15px !important;
    }
    
    .resource-card__meta {
        font-size: 12px !important;
    }
    
    .resource-card__body {
        padding: 14px !important;
    }
    
    .resource-card__content {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 767px) {
    .page-filter-wrapper {
        padding: 16px;
        margin-bottom: 20px;
    }
    
    .resource-filter-form .form-group {
        margin-bottom: 12px;
    }
    
    .resource-filter-form .form-control,
    .resource-filter-form .form-select {
        font-size: 13px;
        padding: 8px 10px;
    }
    
    .resource-filter-form .btn {
        font-size: 13px;
        padding: 8px 16px;
    }
    
    .resource-card__header {
        padding: 12px !important;
    }
    
    .resource-card__title {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
    
    .resource-card__meta {
        font-size: 11px !important;
    }
    
    .resource-card__body {
        padding: 12px !important;
    }
    
    .resource-card__content {
        font-size: 12px !important;
    }
    
    .sidebar__title {
        font-size: 14px !important;
    }
    
    .sidebar__categories li {
        margin-bottom: 6px !important;
    }
    
    .sidebar__categories a {
        font-size: 13px !important;
    }
}

/* Blog/News Page Compact */
@media (max-width: 991px) {
    .blog-page .row {
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    .blog-card {
        margin-bottom: 20px;
    }
    
    .blog-card__title {
        font-size: 15px;
    }
    
    .blog-card__content {
        padding: 14px !important;
    }
    
    .sidebar {
        margin-bottom: 30px;
    }
    
    .sidebar__single {
        padding: 14px;
    }
}

/* Events/Table Compact */
@media (max-width: 767px) {
    .table-responsive {
        font-size: 13px;
    }
    
    .table thead th {
        font-size: 12px;
        padding: 8px;
    }
    
    .table tbody td {
        font-size: 12px;
        padding: 8px;
    }
}

/* Contact Page Compact */
@media (max-width: 767px) {
    .contact-one__map {
        margin-bottom: 20px;
    }
    
    .contact-one__info {
        padding: 16px;
    }
}

/* Footer Compact */
@media (max-width: 767px) {
    .footer-widget__title {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    .footer-widget__links li {
        margin-bottom: 6px;
    }
    
    .footer-widget__links a {
        font-size: 13px;
    }
}

/* Forms Compact */
@media (max-width: 767px) {
    .form-control,
    .form-select {
        font-size: 14px;
        padding: 8px 10px;
        min-height: 36px;
    }
    
    .btn-primary,
    .btn-secondary {
        font-size: 13px;
        padding: 8px 16px;
    }
}

/* General Spacing Compact */
@media (max-width: 767px) {
    .section-space {
        padding: 40px 0;
    }
    
    .gutter-y-60 {
        --bs-gutter-y: 30px;
    }
    
    .gutter-y-30 {
        --bs-gutter-y: 18px;
    }
}

/* Header Menu - Compact + Clean Dropdown */
.main-header-two,
.sticky-header--cloned.sticky-header--two {
    z-index: 1200 !important;
}

.main-header-two .container,
.main-header-two .container-fluid,
.main-header__inner,
.main-header__nav,
.main-menu,
.main-menu__list,
.main-menu__list > li {
    overflow: visible;
}

@media (min-width: 1200px) {
    .main-menu--two .main-menu__list > li {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .main-menu--two .main-menu__list > li + li {
        margin-left: 18px;
    }

    .main-menu--two .main-menu__list > li > a {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.1px;
    }

    .main-menu--two .main-menu__list li ul {
        top: 100%;
        left: -14px;
        min-width: 220px;
        padding: 10px;
        padding-top: 20px;
        margin-top: 0;
        border-radius: 12px;
        border: 1px solid rgba(53, 28, 66, 0.08);
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
        z-index: 1250;
    }

    /* Invisible bridge to prevent hover gap */
    .main-menu--two .main-menu__list > li > ul::before {
        content: "";
        position: absolute;
        top: -15px;
        left: 0;
        width: 100%;
        height: 15px;
        background: transparent;
    }

    /* Sub-dropdown (level 2) hover bridge */
    .main-menu--two .main-menu__list li ul li > ul {
        top: -10px;
        left: 100%;
    }
    .main-menu--two .main-menu__list li ul li > ul::before {
        content: "";
        position: absolute;
        top: 0;
        left: -15px;
        width: 15px;
        height: 100%;
        background: transparent;
    }

    .main-menu--two .main-menu__list li ul li + li {
        margin-top: 4px;
    }

    .main-menu--two .main-menu__list li ul li > a {
        position: relative;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        padding: 8px 24px 8px 10px;
        border-radius: 8px;
    }

    .main-menu--two .main-menu__list li ul li > a::after {
        right: 10px;
        top: 50%;
        transform: translateY(-50%) scale(0);
    }

    .main-menu--two .main-menu__list li ul li.current > a::after,
    .main-menu--two .main-menu__list li ul li:hover > a::after {
        transform: translateY(-50%) scale(1);
    }

    .main-menu--two .main-menu__list li ul li > a:hover {
        background: #f6f2e7;
    }
}

@media (max-width: 1199px) {
    .mobile-nav__container .main-menu__list > li > a {
        font-size: 14px;
        font-weight: 600;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .mobile-nav__container .main-menu__list li ul {
        margin-top: 6px;
        padding-left: 12px;
        border-left: 2px solid rgba(53, 28, 66, 0.15);
    }

    .mobile-nav__container .main-menu__list li ul li > a {
        font-size: 13px;
        line-height: 1.35;
        padding: 6px 0;
    }
}

/* Diocesan History Section - Mobile Compact */
@media (max-width: 991px) {
    .about-two {
        padding: 30px 0 !important;
    }
    .about-two .row.gutter-y-50 {
        --bs-gutter-y: 20px;
    }
    .about-two__image img {
        max-height: 180px !important;
        max-width: 70% !important;
        width: auto;
        object-fit: contain;
        margin: 0 auto;
        display: block;
    }
    .about-two .sec-title {
        margin-bottom: 14px;
    }
    .about-two .sec-title__title {
        font-size: 22px;
    }
    .about-two__text {
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 20px !important;
    }
    .about-two__shape {
        display: none;
    }
}
@media (max-width: 575px) {
    .about-two {
        padding: 20px 0 !important;
    }
    .about-two__image img {
        max-height: 130px !important;
        max-width: 62% !important;
    }
    .about-two .sec-title__title {
        font-size: 18px;
    }
    .about-two__text {
        font-size: 12px;
        margin-bottom: 14px !important;
    }
    .about-two .cleenhearts-btn {
        font-size: 13px;
        padding: 8px 14px;
    }
}