/* MAXO CASAS — TEMA PERMANENTE GOLD / PRETO / BRANCO
   Regra principal: só usar 3 cores e manter contraste sempre.
*/

:root{
  --maxo-gold:#c99a16;
  --maxo-black:#000000;
  --maxo-white:#ffffff;

  --maxo-bg:var(--maxo-white);
  --maxo-text:var(--maxo-black);
  --maxo-line:var(--maxo-gold);
  --maxo-accent:var(--maxo-gold);

  --maxo-button-bg:var(--maxo-black);
  --maxo-button-text:var(--maxo-gold);
  --maxo-button-border:var(--maxo-gold);
}

/* Base */
html, body{
  background:var(--maxo-white)!important;
  color:var(--maxo-black)!important;
}

body, p, li, label, input, select, textarea, small, span{
  color:var(--maxo-black);
}

a{
  color:var(--maxo-black);
}

h1,h2,h3,h4,h5,h6{
  color:var(--maxo-black)!important;
}

/* Logo */
.logo .maxo,
.logo-maxo,
.maxo{
  color:var(--maxo-black)!important;
}

.logo .casas,
.logo-casas,
.casas{
  color:var(--maxo-gold)!important;
}

/* Textos de destaque */
.kicker,
.card-kicker,
.section-kicker,
.process-card small,
.text-gold,
.gold-text{
  color:var(--maxo-gold)!important;
}

/* Linhas e blocos */
hr,
.section,
.card,
.panel,
.upload-card,
.media-zone,
.portfolio-card,
.obra-admin-box,
input,
select,
textarea{
  border-color:var(--maxo-gold)!important;
}

/* Hamburger */
.menu-toggle{
  background:var(--maxo-white)!important;
  border-color:var(--maxo-gold)!important;
}

.menu-toggle span,
.hamburger span{
  background:var(--maxo-gold)!important;
}

/* Botões principais */
.btn,
button,
input[type="submit"],
.btn-primary,
.upload-page #maxo-upload-card .btn:not(.light),
.upload-page #maxo-upload-card button.btn:not(.light){
  background:var(--maxo-black)!important;
  color:var(--maxo-gold)!important;
  border:1px solid var(--maxo-gold)!important;
}

.btn *,
button *,
.btn-primary *{
  color:inherit!important;
}

/* Botões secundários */
.btn.light,
.btn-secondary,
a.btn.light{
  background:var(--maxo-white)!important;
  color:var(--maxo-black)!important;
  border:1px solid var(--maxo-gold)!important;
}

/* Aba ativa de obra: GERAL / obra selecionada */
.obra-admin-tab.on,
.obra-admin-tab.on:link,
.obra-admin-tab.on:visited,
a.obra-admin-tab.on,
.upload-page #maxo-upload-card .obra-admin-tab.on,
.upload-page #maxo-upload-card a.obra-admin-tab.on{
  background:var(--maxo-black)!important;
  color:var(--maxo-gold)!important;
  border:1px solid var(--maxo-gold)!important;
}

.obra-admin-tab.on *,
a.obra-admin-tab.on *,
.upload-page #maxo-upload-card .obra-admin-tab.on *,
.upload-page #maxo-upload-card a.obra-admin-tab.on *{
  color:var(--maxo-gold)!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Contador dentro da aba ativa */
.obra-admin-tab.on b,
a.obra-admin-tab.on b,
.upload-page #maxo-upload-card .obra-admin-tab.on b,
.upload-page #maxo-upload-card a.obra-admin-tab.on b{
  background:var(--maxo-gold)!important;
  color:var(--maxo-black)!important;
  border:1px solid var(--maxo-gold)!important;
}

/* Abas normais */
.obra-admin-tab:not(.on){
  background:var(--maxo-white)!important;
  color:var(--maxo-black)!important;
  border:1px solid var(--maxo-gold)!important;
}

.obra-admin-tab:not(.on) *{
  color:var(--maxo-black)!important;
}

/* Inputs */
input,
select,
textarea{
  background:var(--maxo-white)!important;
  color:var(--maxo-black)!important;
  border:1px solid var(--maxo-gold)!important;
}

input::placeholder,
textarea::placeholder{
  color:var(--maxo-black)!important;
  opacity:.65!important;
}

/* Segurança de contraste */
.black-bg,
.bg-black,
.dark,
[class*="black-bg"],
[class*="dark-bg"]{
  background:var(--maxo-black)!important;
  color:var(--maxo-gold)!important;
}

.black-bg *,
.bg-black *,
.dark *,
[class*="black-bg"] *,
[class*="dark-bg"] *{
  color:var(--maxo-gold)!important;
}

.white-bg,
.bg-white{
  background:var(--maxo-white)!important;
  color:var(--maxo-black)!important;
}

.gold-bg,
.bg-gold{
  background:var(--maxo-gold)!important;
  color:var(--maxo-black)!important;
}


/* MAXO REGRA GLOBAL MOBILE MENU 2026-05-10
   Ecrãs pequenos + scroll: header compacto, navegação em hamburger.
   Formas sempre patrate, sem cantos arredondados. Só gold / preto / branco.
*/
:root{
  --maxo-gold:#c99a16;
  --maxo-black:#000000;
  --maxo-white:#ffffff;
}
.site-header{
  transform:none!important;
  background:var(--maxo-white)!important;
  border-bottom:1px solid var(--maxo-gold)!important;
  box-shadow:none!important;
}
.site-header.hide{transform:none!important;}
.header-inner{
  min-height:64px!important;
  padding:12px 18px!important;
  transition:min-height .18s ease, padding .18s ease!important;
}
.site-header .logo{
  color:var(--maxo-black)!important;
  font-size:22px!important;
  line-height:1!important;
  transition:font-size .18s ease!important;
}
.site-header .logo .maxo{color:var(--maxo-black)!important;}
.site-header .logo .casas{color:var(--maxo-gold)!important;}
.menu-toggle{
  display:inline-flex!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0 9px!important;
  background:var(--maxo-black)!important;
  border:1px solid var(--maxo-gold)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.menu-toggle span{
  display:block!important;
  width:100%!important;
  height:2px!important;
  background:var(--maxo-gold)!important;
  color:var(--maxo-gold)!important;
  border-radius:0!important;
}
.nav{
  position:fixed!important;
  top:66px!important;
  left:auto!important;
  right:18px!important;
  width:min(360px,calc(100vw - 36px))!important;
  max-height:calc(100vh - 84px)!important;
  overflow:auto!important;
  display:none!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  background:var(--maxo-white)!important;
  border:1px solid var(--maxo-gold)!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:999!important;
}
.nav.open{display:flex!important;}
.nav a{
  display:block!important;
  min-height:42px!important;
  padding:12px 14px!important;
  background:var(--maxo-white)!important;
  color:var(--maxo-black)!important;
  border:0!important;
  border-bottom:1px solid var(--maxo-gold)!important;
  font-size:11px!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  border-radius:0!important;
}
.nav a:last-child{border-bottom:0!important;}
.nav a:hover,
.nav a:focus{
  background:var(--maxo-black)!important;
  color:var(--maxo-gold)!important;
  outline:1px solid var(--maxo-gold)!important;
  outline-offset:-1px!important;
}
body.menu-open::after{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.38)!important;
  z-index:990!important;
}
body.menu-open .site-header{z-index:1000!important;}
body.menu-open .nav{z-index:1001!important;}
body.maxo-menu-compact .site-header,
.site-header.scrolled{
  background:var(--maxo-white)!important;
  border-bottom:1px solid var(--maxo-gold)!important;
}
body.maxo-menu-compact .header-inner,
.site-header.scrolled .header-inner{
  min-height:48px!important;
  padding:6px 14px!important;
}
body.maxo-menu-compact .logo,
.site-header.scrolled .logo{
  font-size:18px!important;
}
body.maxo-menu-compact .menu-toggle,
.site-header.scrolled .menu-toggle{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  gap:4px!important;
}
body.maxo-menu-compact .nav,
.site-header.scrolled .nav{
  top:50px!important;
  max-height:calc(100vh - 64px)!important;
}
@media(max-width:900px){
  main{padding-top:66px!important;}
  body.maxo-menu-compact main{padding-top:52px!important;}
  .site-header .header-inner{max-width:none!important;}
  .site-header .logo{font-size:20px!important;}
  .site-header.scrolled .logo,
  body.maxo-menu-compact .logo{font-size:17px!important;}
  .nav{left:10px!important;right:10px!important;width:auto!important;top:60px!important;max-height:calc(100vh - 72px)!important;}
  body.maxo-menu-compact .nav,
  .site-header.scrolled .nav{top:48px!important;max-height:calc(100vh - 58px)!important;}
  .nav a{min-height:40px!important;padding:11px 12px!important;font-size:10.5px!important;}
}
@media(max-width:420px){
  .header-inner{padding-left:10px!important;padding-right:10px!important;}
  .site-header .logo{font-size:18px!important;}
  .site-header.scrolled .logo,
  body.maxo-menu-compact .logo{font-size:16px!important;}
  .menu-toggle{width:36px!important;height:36px!important;min-width:36px!important;}
  .nav{left:8px!important;right:8px!important;}
}

/* MAXO ABSOLUTE GLOBAL OVERRIDE START */
/* Managed by admin_theme_editor.php. Replaced on Guardar globalmente. */

/* MAXO GLOBAL VISUAL EDITOR disabled */
/* MAXO ABSOLUTE GLOBAL OVERRIDE END */