/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

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

.site-header {
  color: var(--nav-color);
  transition: color 0.3s ease;
}


/* =========================================================
   MENU BASE + OVERRIDES
========================================================= */

.site-header .header-nav a,
.site-header .header-nav button,
.site-header .porto {
  color: var(--nav-color) !important;
  transition: color 0.3s ease;
}


/* FORCE BREAKDANCE HOVER OVERRIDE */
.site-header .header-nav a:hover,
.site-header .header-nav button:hover
.site-header .porto {
  color: var(--nav-hover-color) !important;
}


/* =========================================================
   LOGOS
========================================================= */

.logo-dark,
.logo-light {
  transition: opacity 0.3s ease;
}


/* =========================================================
   LIGHT STATE
========================================================= */

body.nav-light {
  --nav-color: #111111;
  --nav-hover-color: #111111;
}

body.nav-light .logo-dark {
  display: block;
}

body.nav-light .logo-light {
  display: none;
}


/* =========================================================
   DARK STATE
========================================================= */

body.nav-dark {
  --nav-color: #fff;
  --nav-hover-color: #fff;
}

body.nav-dark .logo-dark {
  display: none;
}

body.nav-dark .logo-light {
  display: block;
}

/* Força o texto a branco independentemente da classe da secção no header */
.header-nav .flatpickr-calendar .b24-submit-btn,
.header-nav [class*="dropdown"] .b24-submit-btn,
.header-nav form button[type="submit"] {
    color: #fff !important;
}

/* Força o texto a manter-se branco (ou na cor que desejares) no estado HOVER */
.header-nav .flatpickr-calendar .b24-submit-btn:hover,
.header-nav [class*="dropdown"] .b24-submit-btn:hover,
.header-nav form button[type="submit"]:hover {
    color: #fff !important; /* Podes usar o teu creme #f6f6f6 ou branco puro #ffffff */
}

/* =========================================================
   WEATHER ICON ACCORDING TO NAV STATE
========================================================= */

#weather-icon img {
  transition: filter 0.3s ease;
}

/* Em estado Light mantém o ícone com a cor original (escuro) */
body.nav-light #weather-icon img {
  filter: none;
}

/* Em estado Dark inverte o ícone para tons claros/brancos */
body.nav-dark #weather-icon img {
  filter: invert(1) brightness(1.2);
}