/*
Theme Name:     HCAA
Theme URI:      https://hcdsb.org
Template:       kadence
Author:         Rob De Franco
Author URI:     https://hcdsb.org
Description:    A bespoke child theme for the Halton Catholic Athletic Association. This theme features custom integrations for athletic schedules and scores, school-specific branding, and streamlined performance for the HCDSB community.
Version:        1.11
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ------------------------------------
Carousel Navigation Dots to Pills (START) 
-------------------------------------*/

/* Target the buttons inside the Kadence Splide pagination */
.splide__pagination li .splide__pagination__page {
    /* Set equal height and width for a perfect circle/rounded square base */
    width: 12px;           
    height: 12px;          
    border-radius: 50px;   /* Large enough to keep ends round regardless of width */
    background: transparent; 
    border: 1px solid #444; /* Adds the outline look from your screenshot */
    transition: all 0.3s ease;
    padding: 0;            /* Reset any default browser padding */
    margin: 0 6px;         /* Spacing between the dots */
    opacity: 1;
}

/* The active "Pill" effect */
.splide__pagination li .splide__pagination__page.is-active {
    width: 35px;           /* Stretches the active dot into a pill */
    background: #444;      /* Fills the pill with color */
    border-color: #444;    /* Matches the border to the fill */
}
/* ------------------------------------
Carousel Navigation Dots to Pills (END) 
-------------------------------------*/

/*--------------------------------------------
Notice Posts Styling (START)
---------------------------------------------*/

/* Base styling for all Notice posts in the list */
article.loop-entry.entry {
    padding: 24px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 10px solid; /* Creates the "Alert" sidebar look */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Optional: slight lift */
}

/* Light Blue - General Info */
article.category-general-info.entry {
    background-color: #e3f2fd !important;
    border-color: #2196f3 !important;
}

/* Light Red/Pink - Cancellations */
article.category-cancellations.entry {
    background-color: #ffebee !important;
    border-color: #f44336 !important;
}

/* Light Yellow - Delays/Reschedules */
article.category-delays.entry {
    background-color: #fffde7 !important;
    border-color: #ffb300 !important;
}

/* Light Green - New Date Notices */
article.category-new-dates.entry {
    background-color: #e8f5e9 !important;
    border-color: #4caf50 !important;
}

/* Styling the 'No Posts Found' message specifically for the HCAA feed */
 p.no-posts-found {
    padding: 20px;
    background-color: #e8f5e9; /* Light Green */
    border-left: 10px solid #4caf50; /* Green Alert Border */
    border-radius: 8px;
    font-weight: 600;
    color: #2e7d32;
    margin: 20px 0;
}

/*--------------------------------------------
Notice Posts Styling (END)
---------------------------------------------*/

/* ------------------------------------
Tight Post List (START) 
-------------------------------------*/


/* 2. Neutralize the meta margin */
.tight-post-list .loop-entry .entry-header .entry-meta {
    margin: 0 !important;
}

/* 4. Ensure container spacing is tight */
.tight-post-list {
    row-gap: 0px !important;
}

/* ------------------------------------
Tight Post List (END) 
-------------------------------------*/