/**
 * Component: Publuu Grid
 * 
 * Styles for the Publuu Grid component.
 *
 * @package SCDA-2025
 */

/* Basic component styling */
.publuu-grid {
    .container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .row {
        border-top: 1px solid var(--color-scda-black);
        border-left: 1px solid var(--color-scda-black);
        margin-top: 0;
    }
    .publuu-grid-item {
        background-color: rgba(var(--color-white-rgb), .5);
        border-bottom: 1px solid var(--color-scda-black);
        border-right: 1px solid var(--color-scda-black);
        margin: 0;
        padding-top: var(--spacing-md);

        @media screen and (max-width: 768px) {
            padding-top: 40px;
        }
        h4 {
            margin-bottom: 0;
        }
        .publuu-embed {
            iframe {
                @media screen and (max-width: 991px) {
                    height: 58.527vw !important;
                }
                @media screen and (max-width: 681px) {
                    height: 600px !important;
                }
                @media screen and (max-width: 576px) {
                    height: 470px !important;
                }
            }
        }
    }
}