/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Disable Locations link only on the single location CPT */
.single-location .brxe-breadcrumbs a[href*="/location/"] {
    pointer-events: none !important; /* Block click events */
    cursor: default !important;      /* Remove pointer cursor */
    color: inherit !important;       /* Maintain text color */
    text-decoration: none !important;
}

/* 2. Remove hover effect from the final item (current page) */
.brxe-breadcrumbs .item[aria-current="page"]:hover {
    color: inherit !important;
    cursor: default !important;
    text-decoration: none !important;
}

/* 1. Two-column list container (Grid) */
.spark-bullet-list ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Create 2 exact columns */
    column-gap: 30px !important; /* Horizontal space between columns */
    row-gap: 0px !important; /* Adjust for more vertical space between rows if needed */
}

/* Switch to 1 column on mobile screens */
@media (max-width: 768px) {
    .spark-bullet-list ul {
        grid-template-columns: 1fr !important; 
    }
}

/* 2. Remove inherited button/bubble design */
.spark-bullet-list ul li {
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 6px 0 6px 35px !important; /* Space for the star icon */
    margin: 0 0 10px 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    position: relative !important;
    display: block !important;
    width: auto !important;
    justify-content: flex-start !important;
    min-height: auto !important;
}

/* 3. Add the Spark 'teal' star as a bullet */
.spark-bullet-list ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Adjust star width */
    height: 20px; /* Adjust star height */
    
    /* REMEMBER: Change this URL to your Media library image */
    background-image: url('https://sparkadmissions.isalmostready.com/wp-content/uploads/2026/02/favicon.png'); 
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ==========================================================================
   UPDATE FOR PIN 47: Bubble Styles (Chips)
   ========================================================================== */

/* 1. Maintain 2-column container as previously established */
.spark-bullet-list ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 20px !important; /* Slightly reduced gap to fit bubbles better */
    row-gap: 12px !important;   /* Vertical space between bubbles */
}

/* 2. Transform LI into a "Teal Bubble" */
.spark-bullet-list ul li {
    background-color: #51b6a5 !important; /* Brand Teal color (adjust if using a variable) */
    color: #ffffff !important;           /* White text */
    border: 1px solid #d1d1d1 !important; /* Gray border requested by Taylor */
    border-radius: 50px !important;      /* Bubble/pill shape */
    
    padding: 10px 20px 10px 45px !important; /* Internal spacing adjustment */
    margin: 0 !important;
    
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.05) !important; /* Optional: adds a touch of depth */
    transition: transform 0.2s ease;
}

/* Optional hover effect for interactivity */
.spark-bullet-list ul li:hover {
    transform: translateY(-2px);
}

/* 3. Star Icon Adjustment */
.spark-bullet-list ul li::before {
    content: '';
    position: absolute;
    left: 15px; /* Adjusted to float inside the bubble */
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    
    /* Note: If the original star is teal, it might not look good on the teal background. 
       If you have a white version of the star, change the URL below. */
    background-image: url('https://sparkadmissions.isalmostready.com/wp-content/uploads/2026/02/favicon.png'); 
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    /* If the star is dark, this filter helps brighten it if no white SVG is available */
    filter: brightness(0) invert(1); 
}

/* Mobile adjustment */
@media (max-width: 768px) {
    .spark-bullet-list ul {
        grid-template-columns: 1fr !important; 
    }
}