/**
 * JAUREA Global Styles
 *
 * @package JAUREA_Child
 */


/* =========================================
   CONTAINER
   ========================================= */

.jaurea-container {
    width: min(
        calc(100% - (var(--jaurea-container-padding) * 2)),
        var(--jaurea-container-width)
    );

    margin-inline: auto;
}


/* =========================================
   SECTIONS
   ========================================= */

.jaurea-section {
    width: 100%;
    padding-block: var(--jaurea-space-24);
}

.jaurea-section--small {
    padding-block: var(--jaurea-space-16);
}

.jaurea-section--large {
    padding-block: 8rem;
}


/* =========================================
   SECTION HEADER
   ========================================= */

.jaurea-section-header {
    margin-bottom: var(--jaurea-space-12);
    text-align: center;
}

.jaurea-section-header--left {
    text-align: start;
}


/* =========================================
   FLEX UTILITIES
   ========================================= */

.jaurea-flex {
    display: flex;
}

.jaurea-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jaurea-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* =========================================
   GRID
   ========================================= */

.jaurea-grid {
    display: grid;
}

.jaurea-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.jaurea-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.jaurea-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}


/* =========================================
   VISIBILITY
   ========================================= */

.jaurea-hidden {
    display: none !important;
}

.jaurea-visually-hidden {
    position: absolute !important;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    white-space: nowrap;
    border: 0;
}


/* =========================================
   GOLD ACCENT
   ========================================= */

.jaurea-gold-line {
    display: block;

    width: 45px;
    height: 1px;

    margin-top: var(--jaurea-space-4);

    background: var(--jaurea-gold);
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 767px) {

    .jaurea-container {
        width: min(
            calc(100% - (var(--jaurea-container-padding-mobile) * 2)),
            var(--jaurea-container-width)
        );
    }

    .jaurea-section {
        padding-block: var(--jaurea-space-16);
    }

    .jaurea-section--small {
        padding-block: var(--jaurea-space-12);
    }

    .jaurea-section--large {
        padding-block: 5rem;
    }

    .jaurea-grid-2,
    .jaurea-grid-3,
    .jaurea-grid-4 {
        grid-template-columns: 1fr;
    }
}