/*
    Theme Name:   Jordi Piera
    Author:       Indaba Solutions
    Template:     bricks
    Version:      1.0
    Text Domain:  jpiera
*/

:root {
    --border-focus-color: #7b7b7b;
    --wp--preset--font-size--small: var(--text-s, 13px);
    --wp--preset--font-size--medium: var(--text-m, 20px);
    --wp--preset--font-size--large: var(--text-l, 36px);
    --wp--preset--font-size--x-large: var(--text-xl, 42px);
}



/*
    Caixes ample total alineades
*/

    .ms-container {
        padding-left: max(var(--espai-seccio-x), calc( (100vw - var(--ample-contenidor) ) / 2 + var(--espai-seccio-x) ));
    }

    .me-container {
        padding-right: max(var(--espai-seccio-x),  calc( (100vw - var(--ample-contenidor) ) / 2 + var(--espai-seccio-x) ));
    }


/*
    Focus
*/

    body.bricks-is-frontend :focus {
        outline: none;
    }

    body.bricks-is-frontend :focus-visible {
        outline: 2px solid var(--border-focus-color, #7b7b7b);
    }


/*
    Elements clicables
*/

    .bricks-is-frontend .clicable {
        position: relative; 
    }

    .bricks-is-frontend .clicable * {
        position: static;
    }

    .bricks-is-frontend a.clicable__link::after,
    .bricks-is-frontend .clicable .clicable__link a::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .bricks-is-frontend .clicable .clicable__link--top {
        z-index: 2;
    }


/*
    Utilitats
*/

    .ocult:not(:focus):not(:active) {
        clip: rect(0 0 0 0); 
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap; 
        width: 1px;
    }

    .multiplica::after {
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        display: block;
        mix-blend-mode: multiply;
    }