/**
 * Lubinik Plugin - CSS Variables
 * 
 * This file contains all CSS variables used throughout the plugin's frontend.
 * These variables ensure consistent styling and easy customization.
 * 
 * IMPORTANT: These variables are aligned with the Lubinik theme variables.
 * The theme variables take precedence over plugin variables.
 */

 :root {





/*--lubinik-container-width: var(--lubinik-container-width-lg);
--lubinik-container-width-lg: 1200px;*/



    /***************************************************
    /* Plugin-Specific Variables for list-grid*/
    /**************************************************/

    --lubinik-plugin-grid-container-width: var(--container-xl);
    --lubinik-plugin-list-grid-container-width: var(--container-xl);
    

    --lubinik-plugin-list-grid-bg-color: var(--lubinik-plugin-background-card-primary);
    --lubinik-plugin-list-grid-text-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-grid-title-color: var(--color-black);
    --lubinik-plugin-list-grid-title-after-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-grid-subtitle-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-grid-view-detail-text-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-grid-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-grid-link-color: var(--lubinik-plugin-quaternary-color);
    --lubinik-plugin-list-grid-link-hover-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-grid-card-bg-color: var(--lubinik-plugin-background-card-primary);
    --lubinik-plugin-list-grid-border-color: var(--lubinik-plugin-quaternary-color);
    --lubinik-plugin-list-grid-icon-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-grid-font-size: var(--lubinik-font-size-md);
    --lubinik-plugin-list-grid-icon-size: var(--lubinik-font-size-md);

    --lubinik-plugin-list-grid-no-image-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-grid-no-image-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-grid-type-bg-color: var(--lubinik-plugin-quaternary-color);
    --lubinik-plugin-list-grid-type-text-color: var(--color-white);
    --lubinik-plugin-list-grid-type-border-color: var(--lubinik-plugin-quaternary-color);

    --lubinik-plugin-list-grid-footer-bg-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-grid-desc-text-color: var(--color-text);
    --lubinik-plugin-list-grid-icon-color: var(--lubinik-plugin-primary-color);




    /***************************************************
    /* Plugin-Specific Variables for list-masonry*/
    /**************************************************/

    --lubinik-plugin-list-masonry-container-width: var(--container-xl);

    --lubinik-plugin-list-masonry-bg-color: var(--lubinik-plugin-background-card-primary);

    --lubinik-plugin-list-masonry-text-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-masonry-title-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-masonry-title-after-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-masonry-subtitle-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-masonry-amenities-text-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-masonry-amenities-bg-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-masonry-amenities-tag-bg-primary-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-masonry-amenities-tag-text-primary-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-masonry-amenities-tag-bg-secondary-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-masonry-amenities-tag-text-secondary-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-masonry-view-detail-text-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-masonry-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-masonry-link-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-masonry-link-hover-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-masonry-card-bg-color: var(--lubinik-plugin-background-card-primary);
    --lubinik-plugin-list-masonry-border-color: var(--lubinik-plugin-quaternary-color);
    --lubinik-plugin-list-masonry-shadow-color: var(--lubinik-shadow-color-medium);
    --lubinik-plugin-list-masonry-shadow-hover-color: var(--lubinik-shadow-color-dark);
    --lubinik-plugin-list-masonry-icon-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-masonry-font-size: var(--lubinik-font-size-md);
    --lubinik-plugin-list-masonry-icon-size: var(--lubinik-font-size-md);

    --lubinik-plugin-list-masonry-no-image-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-masonry-no-image-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-masonry-type-bg-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-masonry-type-text-color: var(--lubinik-plugin-primary-color);
    --lubinik-plugin-list-masonry-type-border-color: var(--lubinik-plugin-quaternary-color);

    --lubinik-plugin-list-masonry-overlay-bg-color: rgba(0, 0, 0, 0.5);
    --lubinik-plugin-list-masonry-overlay-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-masonry-footer-bg-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-masonry-footer-border-color: var(--lubinik-plugin-quinary-color);

    --lubinik-plugin-list-masonry-footer-border-color: var(--lubinik-plugin-quinary-color);


    /***************************************************
    /* Plugin-Specific Variables for list-magazine*/
    /**************************************************/

    --lubinik-plugin-list-magazine-container-width: var(--container-xl);

    --lubinik-plugin-list-magazine-bg-color: var(--lubinik-plugin-background-card-primary);

    --lubinik-plugin-list-magazine-text-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-magazine-title-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-magazine-title-after-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-magazine-subtitle-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-magazine-amenities-text-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-magazine-amenities-bg-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-magazine-amenities-tag-bg-primary-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-magazine-amenities-tag-text-primary-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-magazine-amenities-tag-bg-secondary-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-magazine-amenities-tag-text-secondary-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-magazine-view-detail-text-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-magazine-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-magazine-link-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-magazine-link-hover-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-magazine-card-bg-color: var(--lubinik-plugin-background-card-primary);
    --lubinik-plugin-list-magazine-border-color: var(--lubinik-plugin-quaternary-color);
    --lubinik-plugin-list-magazine-shadow-color: var(--lubinik-shadow-color-medium);
    --lubinik-plugin-list-magazine-shadow-hover-color: var(--lubinik-shadow-color-dark);
    --lubinik-plugin-list-magazine-icon-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-magazine-font-size: var(--lubinik-font-size-md);
    --lubinik-plugin-list-magazine-icon-size: var(--lubinik-font-size-md);

    --lubinik-plugin-list-magazine-no-image-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-magazine-no-image-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-magazine-type-bg-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-magazine-type-text-color: var(--lubinik-plugin-primary-color);
    --lubinik-plugin-list-magazine-type-border-color: var(--lubinik-plugin-quaternary-color);

    --lubinik-plugin-list-magazine-price-bg-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-magazine-price-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-magazine-filter-bg-color: var(--lubinik-plugin-quinary-color);
    --lubinik-plugin-list-magazine-filter-text-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-magazine-filter-active-bg-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-magazine-filter-active-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-magazine-excerpt-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-magazine-footer-border-color: var(--lubinik-plugin-quinary-color);

    /***************************************************
    /* Plugin-Specific Variables for list-slider*/
    /**************************************************/

    --lubinik-plugin-list-slider-container-width: var(--container-xl);

    --lubinik-plugin-list-slider-bg-color: var(--lubinik-plugin-background-card-primary);

    --lubinik-plugin-list-slider-text-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-text-more-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-slider-title-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-title-after-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-slider-subtitle-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-slider-amenities-text-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-amenities-bg-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-slider-amenities-tag-bg-primary-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-slider-amenities-tag-text-primary-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-slider-amenities-tag-bg-secondary-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-amenities-tag-text-secondary-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-slider-view-detail-text-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-slider-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-view-detail-bg-color: var(--lubinik-plugin-primary-color);
    --lubinik-plugin-list-slider-view-detail-bg-hover-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-slider-view-detail-border-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-slider-link-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-slider-link-hover-color: var(--lubinik-plugin-secondary-color);

    --lubinik-plugin-list-slider-card-bg-color: var(--lubinik-plugin-background-card-primary);
    --lubinik-plugin-list-slider-border-color: var(--lubinik-plugin-quaternary-color);
    --lubinik-plugin-list-slider-shadow-color: var(--lubinik-shadow-color-medium);
    --lubinik-plugin-list-slider-shadow-hover-color: var(--lubinik-shadow-color-dark);
    --lubinik-plugin-list-slider-icon-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-slider-font-size: var(--lubinik-font-size-md);
    --lubinik-plugin-list-slider-icon-size: var(--lubinik-font-size-md);

    --lubinik-plugin-list-slider-no-image-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-no-image-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-slider-type-bg-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-slider-type-text-color: var(--lubinik-plugin-primary-color);
    --lubinik-plugin-list-slider-type-border-color: var(--lubinik-plugin-quaternary-color);

    --lubinik-plugin-list-slider-price-bg-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-price-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-slider-filter-bg-color: var(--lubinik-plugin-quinary-color);
    --lubinik-plugin-list-slider-filter-text-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-filter-border-color: var(--lubinik-plugin-quaternary-color);
    --lubinik-plugin-list-slider-filter-focus-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-slider-nav-bg-color: var(--lubinik-plugin-tertiary-color);
    --lubinik-plugin-list-slider-nav-text-color: var(--lubinik-plugin-primary-color);
    --lubinik-plugin-list-slider-nav-hover-bg-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-nav-hover-text-color: var(--lubinik-plugin-primary-color);

    --lubinik-plugin-list-slider-dot-bg-color: var(--lubinik-plugin-quinary-color);
    --lubinik-plugin-list-slider-dot-active-bg-color: var(--lubinik-plugin-tertiary-color);

    --lubinik-plugin-list-slider-excerpt-color: var(--lubinik-plugin-secondary-color);
    --lubinik-plugin-list-slider-footer-border-color: var(--lubinik-plugin-quinary-color);

   


}