/**
 * Component: Text With Sidebar
 * 
 * Styles for the Text With Sidebar component.
 *
 * @package SCDA-2025
 */

/* Basic component styling */
.text-with-sidebar {
    &.sidebar-left {
        .row {
            flex-direction: row-reverse;
        }
    }
    .content {
        .button-group {
            margin-bottom: var(--spacing-sm);
        }
        * {
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    .sidebar {
        @media screen and (max-width: 991px) {
            margin-top: var(--spacing-sm);
        }
        .primary-cards, .secondary-cards {
            .container {
                width: 100%;
            }
        }
        .contact-info-box {
            @media screen and (max-width: 768px) {
                margin: 0 auto;
            }
        }
    }
}

.is-preview .text-with-sidebar .row{
   flex-wrap:unset;
}