/*
// -------------------------------------------------------------------
// PRODUCT FEATURES
// -------------------------------------------------------------------
// LAYOUT
// -------------------------------------------------------------------
// Default layout #1
// -------------------------------------------------------------------
*/
/* Parent container for all product features */
.wps-woo-caffista-product-features {
    width: 100%;
    margin: 2rem 0;
}

/* Main container for the features grid */
.wps-woo-caffista-product-features .wps-woo-caffista-features-list {
    /* Use CSS Grid for the outer layout */
    display: grid;
    /* Create two equal columns */
    grid-template-columns: repeat(2, 1fr);
    /* Remove gap between columns */
    gap: 0;
    /* Reset default spacing */
    padding: 0;
    margin: 0;
}

/* Column containers */
.wps-woo-caffista-product-features .wps-woo-caffista-features-column1,
.wps-woo-caffista-product-features .wps-woo-caffista-features-column2 
{
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
}

/*
// -------------------------------------------------------------------
// PRODUCT FEATURES
// -------------------------------------------------------------------
// THEME
// -------------------------------------------------------------------
// Default layout #1
// -------------------------------------------------------------------
*/

/* col1 - DESKTOP - No border left */
.wps-woo-caffista-product-features .wps-woo-caffista-features-column1
{
    border-left: none;
}
/* col2 - DESKTOP - No border right */
.wps-woo-caffista-product-features .wps-woo-caffista-features-column2 
{
    
    /* Keine Dopplung der Border in der Mitte */
    border-left: none;

    /* Keine Border am rechten Rand */
    border-right: none;
}

.wps-woo-caffista-product-features-headline
{
    text-align: center;
}

/* Individual feature item styling */
.wps-woo-caffista-product-features .wps-woo-caffista-feature-item {
    display: flex;
    /* align-items: center; */
    border-bottom: 1px solid #ddd;
    padding: 0.5rem;
}

/* Remove bottom border for the last item in each column */
.wps-woo-caffista-product-features .wps-woo-caffista-feature-item:last-child {
    border-bottom: none;
}

/* Mobile layout (screens smaller than 768px) */
@media (max-width: 768px) {
    /* Switch to single column layout */
    .wps-woo-caffista-product-features .wps-woo-caffista-features-list {
        grid-template-columns: 1fr;
        /* Add more gap between columns when stacked */
        /* gap: 2rem; */
        gap: 0;
    }

    /* No thick separator line on mobile */
    /*
    .wps-woo-caffista-product-features .wps-woo-caffista-features-column:last-child {
        border-left-width: 1px;
    }
    */

    /* col1 - MOBILE - No border left+right */
    .wps-woo-caffista-product-features .wps-woo-caffista-features-column1
    {
        border-left: none;
        border-right: none;
    }
    /* col2 - MOBILE - No border left+right */
    .wps-woo-caffista-product-features .wps-woo-caffista-features-column2 
    {
        border-left: none;
        border-right: none;
    }
}

/*
// -------------------------------------------------------------------
// PRODUCT FEATURES
// -------------------------------------------------------------------
// CONTENT
// -------------------------------------------------------------------
// Default layout #1
// -------------------------------------------------------------------
*/
.wps-woo-caffista-product-features .wps-woo-caffista-feature-name 
{
    font-family: Manrope-ExtraBold, sans-serif;
    font-size: 1.1rem;
    margin-right: 0.4em;
} 







 /*
// -------------------------------------------------------------------
// PRODUCT FEATURES
// -------------------------------------------------------------------
// LAYOUT
// -------------------------------------------------------------------
// Layout #2 (Centered)
// -------------------------------------------------------------------
*/
.wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1
{
    align-items: end;
}

.wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1 .wps-woo-caffista-feature-name 
{
  order: 2;
}

.wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1 .wps-woo-caffista-feature-value
{
  order: 1;
}



/*
// -------------------------------------------------------------------
// PRODUCT FEATURES
// -------------------------------------------------------------------
// THEME
// -------------------------------------------------------------------
// Layout #2 (Centered)
// -------------------------------------------------------------------
*/

.wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1 .wps-woo-caffista-feature-name,
.wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column2 .wps-woo-caffista-feature-name 
{
    /* Add left margin to col1 name  */
    /* Add left margin to col2 value */
    margin-left: 0.4em;
} 


/* Mobile layout (screens smaller than 768px) */
@media (max-width: 768px) 
{

    /* Align left */
    .wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1
    {
        align-items: start;
    }

    /* Reset natural order */
    .wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1 .wps-woo-caffista-feature-name,
    .wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1 .wps-woo-caffista-feature-value
    {
        order: 0;
    }

    .wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column1 .wps-woo-caffista-feature-name,
    .wps-woo-caffista-product-features.wps-woo-caffista-product-features-layout2 .wps-woo-caffista-features-column2 .wps-woo-caffista-feature-name 
    {
        /* Remove left margin to col1 value  */
        /* Rome left margin to col2 value */
        margin-left: 0.4em;
        margin-left: 0;

    } 

}