/* ==========================================================
   CA SAMAAJ - HOME LATEST SEO ARTICLES
   VISUAL MATCH TO EXISTING RECENT ARTICLES
   ========================================================== */

.ca-home-articles-section {
    width: 100%;
    padding: 34px 0 26px;
    background: #fff;
}

.ca-home-articles-section *,
.ca-home-articles-section *::before,
.ca-home-articles-section *::after {
    box-sizing: border-box;
}

/*
 * IMPORTANT:
 * Same centered visual width as old Recent Articles,
 * rather than the previous almost-full-width layout.
 */
.ca-home-articles-shell {
    width: min(1220px, calc(100% - 42px));
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================
   HEADING
   ========================================================== */









/* ==========================================================
   SLIDER OUTER LAYOUT
   ========================================================== */

.ca-home-articles-slider-wrap {
    position: relative;

    width: 100%;

    /*
     * Extra side room is reserved specifically
     * for the simple chevron arrows.
     */
    padding: 0 34px;
}

.ca-home-articles-swiper {
    width: 100%;
    overflow: hidden;
}

.ca-home-articles-swiper .swiper-wrapper {
    align-items: flex-start;
}

.ca-home-articles-swiper .swiper-slide {
    height: auto;
}

/* ==========================================================
   ARTICLE ITEM
   NO HEAVY CARD BOX
   ========================================================== */

.ca-home-article-item {
    width: 100%;
    min-width: 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    text-align: center;
}

/* ==========================================================
   IMAGE
   ========================================================== */

.ca-home-article-image {
    position: relative;

    display: block;

    width: 100%;

    /*
     * Recent Articles uses a short wide image.
     */
    aspect-ratio: 2.28 / 1;

    overflow: hidden;

    background: #e5ebf0;

    text-decoration: none;
}

.ca-home-article-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.ca-home-article-image-fallback {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    padding: 10px;

    background:
        linear-gradient(
            135deg,
            #063b72,
            #087da0
        );

    color: #fff;

    font-size: 17px;
    font-weight: 700;

    text-align: center;
}

/* ==========================================================
   DATE OVER IMAGE — SAME OLD SECTION FEEL
   ========================================================== */

.ca-home-article-date-badge {
    position: absolute;

    left: 0;
    bottom: 0;

    z-index: 3;

    padding: 7px 10px;

    background: #073e74;

    color: #fff;

    font-size: 12px;
    line-height: 1;

    font-weight: 500;
}

/* ==========================================================
   TITLE
   ========================================================== */







/* ==========================================================
   EXCERPT
   ========================================================== */



/* ==========================================================
   ARROWS
   EXACTLY SIMPLE CHEVRON STYLE
   ========================================================== */

.ca-home-articles-arrow {
    position: absolute;

    top: 50%;

    z-index: 10;

    width: 34px;
    height: 52px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #080808;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 50px;
    line-height: 44px;

    font-weight: 200;

    cursor: pointer;

    transform: translateY(-70%);

    display: flex;

    align-items: center;
    justify-content: center;

    box-shadow: none;

    border-radius: 0;
}

.ca-home-articles-arrow:hover {
    color: #073e74;
}

.ca-home-articles-prev {
    left: -3px;
}

.ca-home-articles-next {
    right: -3px;
}

/*
 * Kill any Swiper pseudo-arrow styling
 * that could leak into these custom buttons.
 */
.ca-home-articles-arrow::after,
.ca-home-articles-arrow::before {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   CLICK FOR MORE
   ========================================================== */

.ca-home-articles-more-wrap {
    display: flex;

    justify-content: center;

    margin-top: 28px;
}





/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1023px) {

    .ca-home-articles-section {
        padding: 29px 0 24px;
    }

    .ca-home-articles-shell {
        width: calc(100% - 32px);
    }

    

    

    .ca-home-articles-slider-wrap {
        padding: 0 28px;
    }

    

    

}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 639px) {

    .ca-home-articles-section {
        padding: 24px 0 21px;
    }

    .ca-home-articles-shell {
        width: calc(100% - 24px);
    }

    

    

    .ca-home-articles-slider-wrap {
        padding: 0 22px;
    }

    .ca-home-articles-arrow {
        width: 25px;

        font-size: 40px;

        transform: translateY(-80%);
    }

    .ca-home-articles-prev {
        left: -4px;
    }

    .ca-home-articles-next {
        right: -4px;
    }

    

    

    .ca-home-articles-more-wrap {
        margin-top: 22px;
    }

    

}

/* ==========================================================
   VERY SMALL PHONE
   ========================================================== */

@media (max-width: 479px) {

    .ca-home-articles-slider-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ca-home-article-image {
        aspect-ratio: 2 / 1;
    }

}

/* ==========================================================
   CA SAMAAJ - LATEST ARTICLES ALIGNMENT MATCH V2
   Match visual geometry of existing Recent Articles section.
   ========================================================== */

.ca-home-articles-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

/*
 * Recent Articles visibly uses a wider centered content area.
 * Match that same horizontal footprint.
 */
.ca-home-articles-shell {
    width: min(1420px, calc(100% - 180px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*
 * Align Latest Articles heading to same left edge
 * and use matching vertical rhythm.
 */




/*
 * Remove excessive internal horizontal inset.
 * Keep only arrow-safe room similar to Recent Articles.
 */
.ca-home-articles-slider-wrap {
    width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

/*
 * Spread cards more like Recent Articles.
 */
.ca-home-articles-swiper {
    width: 100% !important;
}

/*
 * Match visible thumbnail width/height ratio more closely.
 */
.ca-home-article-image {
    aspect-ratio: 2.38 / 1 !important;
}

/*
 * Slightly tighter and visually closer to Recent Articles.
 */




/*
 * Align arrows closer to the actual content edges.
 */
.ca-home-articles-prev {
    left: -8px !important;
}

.ca-home-articles-next {
    right: -8px !important;
}

.ca-home-articles-arrow {
    top: 51% !important;
    transform: translateY(-70%) !important;
}

/*
 * Match More button width/height to old Recent Articles.
 */
.ca-home-articles-more-wrap {
    margin-top: 25px !important;
}



/* Tablet */
@media (max-width: 1100px) {

    .ca-home-articles-shell {
        width: calc(100% - 70px) !important;
    }

    

}

/* Mobile */
@media (max-width: 639px) {

    .ca-home-articles-shell {
        width: calc(100% - 30px) !important;
    }

    .ca-home-articles-slider-wrap {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    

    .ca-home-article-image {
        aspect-ratio: 2.05 / 1 !important;
    }

}

/* CA_SAMAAJ_HOME_ARTICLES_ALIGNMENT_MATCH_V2_END */

/* CA_SAMAAJ_LATEST_ARTICLES_BUTTON_EXACT_MATCH_START */

/*
 * Button itself intentionally has NO custom styling here.
 * It uses the exact existing Recent Articles button classes.
 * This wrapper only centers it.
 */
.ca-home-articles-more-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* CA_SAMAAJ_LATEST_ARTICLES_BUTTON_EXACT_MATCH_END */

/* CA_SAMAAJ_LATEST_HEADING_LIVE_EXACT_MATCH_START */

/*
 * Latest Articles typography now comes entirely from
 * the same class(es) as the live Recent Articles heading.
 *
 * These rules control positioning only.
 */




.ca-home-articles-heading-link:hover {
    text-decoration: none !important;
}

/* Do NOT define font-size/font-family/font-weight here. */

/* CA_SAMAAJ_LATEST_HEADING_LIVE_EXACT_MATCH_END */

/* =========================================================
   CA SAMAAJ - Latest Articles heading
   Match Recent Articles structure exactly.
   Typography comes ONLY from global .heading + .mt-5.
   ========================================================= */

.ca-home-articles-section 

/*
 * IMPORTANT:
 * No font-size, font-family, font-weight, line-height,
 * letter-spacing or text alignment override here.
 * Latest Articles intentionally inherits the exact same
 * global heading system used by Recent Articles.
 */

/* =========================================================
   CA SAMAAJ - Latest Articles exact Recent Articles text
   ========================================================= */

/*
 * Typography now comes directly from the same classes as:
 *
 * Recent Article title:
 * h5.font-semibold.text-center.mb-3.twoliner
 *
 * Recent Article description:
 * div.twoliner.left_sided
 *
 * No custom font-size/font-weight/line-height here.
 */

.ca-home-article-text h5 a {
    color: inherit !important;
    text-decoration: none !important;
}

.ca-home-article-text h5 a:hover {
    color: #075c9e !important;
}

/* CA_SAMAAJ_LATEST_ARTICLE_TEXT_DIRECT_MATCH_END */