/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024MAR26
 * DESCRIPTION: PAGE-LEVEL GRID OVERRIDE FOR X01
 **/

/*************************************************************************** *
 *
 * PAGE LEVEL GRID OVERRIDES                    
 *
 *************************************************************************** */

/*-------------------------------------------------------------------------- */
/* 1. DEFINE THE GRID AREA MAP
/*-------------------------------------------------------------------------- */
.xrc-grid.xrc-main-page-shell--wrapper  {
    --xrc-swap-grid-template--display: grid;
}
.xrc-grid--container.xrc-main-page-shell--wrapper {
    --xrc-swap-x06-grid--area           : var(--xrc-grid-area-03-page--wrapper-shell);
    --xrc-swap-x06-grid--cols           : [left-start]3rem [left-end mid-start] 1fr [mid-end right-start] 3rem [right-end];
    --xrc-swap-x06-grid--rows           : auto auto auto auto auto auto 2rem;
    --xrc-swap-x06-grid--gap-cols       : 1.0rem;
    --xrc-swap-x06-grid--gap-rows       : 0.0rem;
    --xrc-swap-x06-grid--align-items    : center;
    --xrc-swap-x06-grid--justify-items  : center;
}

/*-------------------------------------------------------------------------- */
/*  2. SWAP THE GRID AREA VALUES IN                                                                          
/*-------------------------------------------------------------------------- */
.xrc-grid--container.xrc-main-page-shell--wrapper {
    --xrc-swap-grid-template--columns        : var(--xrc-swap-x06-grid--cols);
    --xrc-swap-grid-template--rows           : var(--xrc-swap-x06-grid--rows);
    --xrc-swap-grid-template--areas          : var(--xrc-swap-x06-grid--area);
    --xrc-swap-grid-template--column-gap     : var(--xrc-swap-x06-grid--gap-cols);
    --xrc-swap-grid-template--row-gap        : var(--xrc-swap-x06-grid--gap-rows);
    --xrc-swap-grid-template--align-items    : var(--xrc-swap-x06-grid--align-items);
    --xrc-swap-grid-template--justify-items  : var(--xrc-swap-x06-grid--justify-items);
    /*--xrc-swap-grid-template--align-content  :*/
    /*--xrc-swap-grid-template--justify-content:*/
    /*--xrc-swap-grid-template--auto-columns   :*/
    /*--xrc-swap-grid-template--auto-rows      :*/
}

/*-------------------------------------------------------------------------- */
/*  3. CUSTOMIZATION: ASSIGN THE PROPERTY VALUES                                                                          
/*-------------------------------------------------------------------------- */
.xrc-grid--item.xrc-page-header--wrapper,
.xrc-grid--item.xrc-page-navigation--wrapper,
.xrc-grid--item.xrc-page-control--wrapper,
.xrc-grid--item.xrc-page-admin-bar--wrapper,
.xrc-grid--item.xrc-page-main--wrapper,
.xrc-grid--item.xrc-page-footer--wrapper
{
    --xrc-swap-grid-item--align-self    : start;
    --xrc-swap-grid-item--justify-self  : stretch;
}
.xrc-grid--item.xrc-page-header--wrapper {
    --xrc-swap-grid-item--area: xhdr;
    --xrc-swap-grid-item--z-index: 2;
}
.xrc-grid--item.xrc-page-navigation--wrapper {
    /*--xrc-swap-grid-item--area: xnav;*/
    --xrc-swap-grid-item--area: xhdr;
    --xrc-swap-grid-item--z-index: 5;
}
.xrc-grid--item.xrc-page-control--wrapper {
    --xrc-swap-grid-item--area: xctl;
}
.xrc-grid--item.xrc-page-admin-bar--wrapper {
    --xrc-swap-grid-item--area: xadm;
}
.xrc-grid--item.xrc-page-main--wrapper {
    --xrc-swap-grid-item--area: xman;
}
.xrc-grid--item.xrc-page-footer--wrapper {
    --xrc-swap-grid-item--area: xftr;
}
.xrc-grid--item.xrc-x06-page-branding--rect-02 {
    --xrc-swap-grid-item--area: xctl-start / 2 / xctl-end / 2;
    --xrc-swap-grid-item--align-self    : start;
    --xrc-swap-grid-item--justify-self  : stretch;
}
/*.xrc-grid--item.xrc-page-branding--wrapper {
    --xrc-swap-grid-item--area: xnav-start / mid-start / span 3 / mid-end;
    --xrc-swap-grid-item--align-self    : start;
    --xrc-swap-grid-item--justify-self  : end;
    
}*/
.xrc-grid--item.xrc-page-header--wrapper {
    --xrc-swap-grid-item--z-index: 10;
}
/*-------------------------------------------------------------------------- */
/*  PAGE DECORATIONS                                                                          
/*-------------------------------------------------------------------------- */