/*

  Theme name: SPAC
  Description: Sistema Profissional Administrador de Conteúdo.
  Theme URI: https://wordpress.shdev.host/themes/spac
  Author: SHDev - Robson Vieira
  Text Domain: spac_theme
  Domain Path: /languages
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 3.0

*/



/* 01 - ESTILO GERAL DO TEMPLATE @ START */


  * {
    
    padding: 0px;
    margin:  0px;

  }



  html, body {
    
    background-color: var(--spac-theme-site-bg);
    min-height:       100%;
    position:         relative;
    display:          table;
    padding:          0px;
    margin:           0px;
    height:           100%;
    width:            100%;
    color:            var(--spac-theme-site-fc);

  }



  #all {

    padding: 0px 0 0;
    margin:  0px;
    height:  100%;
    width:   100%;

  }



  #btn-wp-admin-dev {

    background-color: black;
    z-index:          999999;
    position:         fixed;
    padding:          20px;
    bottom:           40px;
    left:             40px;
    color:            #FFF;

  }



  #page-loader {

    background: rgba(0, 0, 0, .6);
    position:   fixed;
    z-index:    9999;
    display:    none;
    height:     100%;
    width:      100%;
    top:        0;

  }



  #page-alert {

    background: rgba(0, 0, 0, .6);
    position:   fixed;
    z-index:    99999;
    display:    none;
    height:     100%;
    width:      100%;
    top:        0;

  }



  #liveToast { max-width: 400px; }



  .btn-disabled {
    
    pointer-events: all !important;
    cursor:         not-allowed !important;

  }


/* 01 - ESTILO GERAL DO TEMPLATE @ END */




/* 02 - ESTILO DO HEADER DO TEMPLATE @ START */


  header > #header-1 #header-painel {
    
    padding-top: 0px;
    display: none;

  }


  header > #header-1 {

    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    background-color:   var(--spac-theme-header-bg);
    -moz-box-shadow:    0 4px 4px rgba(0, 0, 0, 0.4);
    padding-bottom:     calc(1.5rem * 0.5);
    border-bottom:      .5px solid var(--spac-theme-site-bg);
    padding-top:        calc(1.5rem * 0.5);
    box-shadow:         0 4px 4px rgba(0, 0, 0, 0.4);
    position:           relative;
    z-index:            20;
    width:              100%;
    color:              var(--spac-theme-header-menu-fc);

  }



  header > #header-1 .header-button {

    background-color: var(--spac-theme-header-menu-primary-bg);
    position:         absolute;
    padding:          4px 8px;
    z-index:          100;
    border:           0px;
    color:            var(--spac-theme-header-menu-primary-fc);
    right:            calc(1.5rem * 0.5);
    top:              calc(1.5rem * 0.5);

  }



  header > #header-1 button.navbar-toggler,
  header > #header-1 button.navbar-toggler:hover,
  header > #header-1 button.navbar-toggler:focus {

    box-shadow: unset;

  }



  header > #header-1 button.navbar-toggler {

    border-color: var(--spac-theme-header-menu-fc);
    color:        var(--spac-theme-header-menu-fc);

  }



  header > #header-1 button.navbar-toggler:hover {

    border-color: var(--spac-theme-header-menu-fc-h);
    color:        var(--spac-theme-header-menu-fc-h);

  }



  header > #header-1 a.nav-link {

    text-underline-offset: 3px;
    text-decoration:       none;
    padding-bottom:        4px;
    font-weight:           500;
    line-height:           19px;
    padding-top:           4px;
    font-size:             16px;
    color:                 var(--spac-theme-header-menu-fc);

  }


  header > #header-1 li.active > a.nav-link,
  header > #header-1 li.active > a.nav-link:hover,
  header > #header-1 a.nav-link:hover {

    text-decoration: underline;
    color:           var(--spac-theme-header-menu-fc-h);

  }

  header > #header-1 li.header-painel-sair > a.nav-link {

    text-decoration: none !important;
    color:           var(--spac-theme-header-menu-fc) !important;

  }


  header > #header-1 li.header-painel-sair > a.nav-link:hover {

    text-decoration: underline !important;
    color:           var(--spac-theme-header-menu-fc-h) !important;

  }



  header > #header-2 {

    padding-bottom: 0px;
    margin-bottom:  0px;
    z-index:        10;
    display:        none;

  }


  header > #header-2 #header-site {

    padding-top: 0px;

  }


  header > #header-2 > ul > li {

    margin: 3px 5px;

  }


  header > #header-2 a.nav-link {

    background-color: var(--spac-theme-header-menu-primary-bg);
    text-decoration:  none;
    text-transform:   uppercase;
    font-size:        13px;
    padding:          8px 16px;
    color:            var(--spac-theme-header-menu-primary-fc);

  }


  header > #header-2 a.nav-link:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-h);
    text-decoration:  none;
    text-transform:   uppercase;
    font-size:        13px;
    padding:          8px 16px;
    color:            var(--spac-theme-header-menu-primary-fc-h);

  }



  header > #header-2 li.current_page_parent > a.nav-link,
  header > #header-2 li.active > a.nav-link {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    padding:          8px 16px;
    position:         relative;
    color:            var(--spac-theme-header-menu-primary-fc-a);
    top:              0;

  }



  header > #header-2 li.active:first-child > a.nav-link:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-a-h);
    color:            var(--spac-theme-header-menu-primary-fc-a-h);

  }


/* 02 - ESTILO DO HEADER DO TEMPLATE @ END */




/* 03 - ESTILO DA TELA DE LOGIN DO TEMPLATE @ START */

  #spac-login-form {

    max-width: 300px;
    position:  relative;
    display:   table;
    width:     100%;

  }


  #spac-login-form .form-floating:focus-within { z-index: 2; }


  #spac-login-form input[name="username"] {

    border-bottom-right-radius: 0;
    border-bottom-left-radius:  0;
    margin-bottom:              -1px;

  }


  #spac-login-form input[name="password"] {

    border-top-right-radius: 0;
    border-top-left-radius:  0;
    margin-bottom:           10px;

  }


  #spac-login-form span#login-form-password-btn {

    border-top-right-radius: 0;
    max-height:              58px;
    cursor:                  pointer;
    color:                   #999999;

  }


  #spac-login-form span#login-form-password-btn:hover {

    color: #666666;

  }


/* 03 - ESTILO DA TELA DE LOGIN DO TEMPLATE @ END */




/* 04 - ESTILO DA TELA DE ESQUECI A SENHA DO TEMPLATE @ START */

  #spac-esqueci-form {

    max-width: 340px;
    position:  relative;
    display:   table;
    width:     100%;

  }


/* 04 - ESTILO DA TELA DE ESQUECI A SENHA DO TEMPLATE @ END */




/* 05 - ESTILO DA TELA DE CADASTRAR DO TEMPLATE @ START */

  #spac-cadastrar-form {

    max-width: 580px;
    position:  relative;
    display:   table;
    width:     100%;

  }


/* 05 - ESTILO DA TELA DE CADASTRAR DO TEMPLATE @ END */



/* 06 - ESTILO DA TELA MINHA CONTA DO TEMPLATE @ START */


  #spac-minha-conta-tabs > .nav-item > .nav-link {

    background-color: var(--spac-theme-header-menu-primary-bg);
    margin-bottom:    10px;
    color:            var(--spac-theme-header-menu-primary-fc);

  }


  #spac-minha-conta-tabs > .nav-item > .nav-link:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-h);
    color:            var(--spac-theme-header-menu-primary-fc-h);

  }


  #spac-minha-conta-tabs > .nav-item > .active,
  #spac-minha-conta-tabs > .nav-item > .active:hover {

    background-color: var(--spac-theme-header-menu-primary-bg-a);
    color:            var(--spac-theme-header-menu-primary-fc-a);

  }
  

  #spac-minha-conta-tabs > .nav-item:last-child > .nav-link { margin-bottom: 0px; }


/* 06 - ESTILO DA TELA MINHA CONTA DO TEMPLATE @ END */



@media (min-width: 576px) {

  #navbarToggler { display: none !important; }

  header > #header-1 #header-painel { display: flex; }
  header > #header-2 { display: flex; }

  header > #header-1 .header-button { display: none; }

  header > #header-2 #header-site > ul > li {

    padding: 0px 10px;

  }
  
  header > #header-2 #header-site > ul > li:first-child {

    padding-left: 0px;
  }

}