/* ======================
   ELEVATED IMAGE CARD BLOCK
====================== */
.wp-block-elevated-header {
    display: flex;
    justify-content: center; /* centers the card in the content area */
    width: 100%;
    margin: 40px 0;
}

.wp-block-elevated-header .wp-block-group__inner-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: 800px; /* small-medium card width */
}

.wp-block-elevated-header img {
    width: 100%;
    height: auto;        /* maintain natural aspect ratio */
    display: block;      /* removes bottom whitespace */
    border-radius: 12px; /* card effect */
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* ======================
   SIMPLE IMAGE CARD
====================== */
.wp-block-elevated-card {
    display: flex;
    justify-content: center; /* centers the card */
    margin: 20px 0;
    width: 100%;
}

.wp-block-elevated-card .wp-block-group__inner-container {
    width: 100%;
    max-width: 400px;       /* small-medium card width */
}

.wp-block-elevated-card img {
    width: 100%;
    height: auto;           /* keep natural aspect ratio */
    display: block;         /* removes bottom white space */
    border-radius: 12px;    /* card effect */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* ======================
   SIMPLE IMAGE CARD - CENTERED
====================== */
.wp-block-elevated-card-centric {
    display: flex;
    justify-content: center; /* centers the card horizontally */
    margin: 20px 0;
    width: 100%;
}

.wp-block-elevated-card-centric .wp-block-group__inner-container {
    width: 100%;
    max-width: 400px;       /* card width */
    display: flex;
    justify-content: center; /* horizontal centering inside the card */
    align-items: center;     /* vertical centering inside the card */
    padding: 10px;           /* optional spacing around image */
    box-sizing: border-box;
}

.wp-block-elevated-card-centric img {
    max-width: 100%;
    max-height: 300px;       /* set a uniform max height for all cards */
    width: auto;             /* maintain aspect ratio */
    height: auto;            /* maintain aspect ratio */
    display: block;
    object-fit: contain;     /* ensures the whole image fits inside the box without cropping */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* ======================
   RCMA - Tight Columns Stretch
====================== */
.rcma-tight-columns {
    display: flex;
    flex-wrap: wrap;           /* allow wrapping */
    gap: 5px;                  /* small spacing between columns */
    width: 100%;               /* make columns block full width */
    box-sizing: border-box;    /* include padding in width */
}

.rcma-tight-columns .wp-block-column {
    flex: 1 1 0;               /* grow/shrink equally, take full available space */
    min-width: 0;              /* prevent overflow */
    padding: 0 !important;     /* remove default inner padding */
    margin: 0;                 /* remove extra margin */
    display: flex;             /* make columns flex containers */
    justify-content: center;   /* center children horizontally */
}

.rcma-tight-columns .wp-block-elevated-card {
    max-width: 400px;          /* limit card width */
    width: 100%;               /* fill column width up to max-width */
    margin: 0;                 /* remove extra margin */
    display: flex;             /* ensure flex properties still work */
}

.rcma-tight-columns .wp-block-elevated-card .wp-block-group__inner-container {
    display: flex;
    justify-content: center;   /* center content inside card */
    align-items: center;       /* vertical center */
    padding: 0;                /* remove extra padding */
}

/* ======================
   RCMA - Center Group Content
====================== */
.rcma-center-group {
    display: flex;               /* keep flex layout */
    flex-direction: row;         /* horizontal layout */
    flex-wrap: wrap;             /* allow wrapping on smaller screens */
    align-items: center;         /* vertical alignment inside the row */
    justify-content: center;     /* center children horizontally */
    padding-left: 40px;          /* horizontal padding */
    padding-right: 40px;         /* horizontal padding */
    box-sizing: border-box;      /* include padding in width */
    max-width: 1200px;           /* constrain content width */
    margin-left: auto;           /* horizontally center container */
    margin-right: auto;          /* horizontally center container */
    width: 100%;                 /* fill available width */
}

/* Responsive: reduce padding on smaller screens */
@media (max-width: 1024px) {
    .rcma-center-group {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .rcma-center-group {
        padding-left: 10px;
        padding-right: 10px;
    }
}