/*
Theme Name: Mukipho Premium
Theme URI: https://mukipho.com.br/
Author: Mukipho Auto Clube
Description: Tema editorial premium para o Mukipho Auto Clube, com conteúdo administrável no WordPress.
Version: 1.2.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: mukipho-premium
*/

@import url("assets/css/site.css");

.admin-bar .site-header.is-scrolled { top: 32px; }
body:not(.home) .site-header { position: fixed; background: rgba(10,10,11,.96); }
.main-nav { margin: 0; padding: 0; list-style: none; }
.main-nav li { margin: 0; padding: 0; }
.main-nav > li > a::after { content: ""; display: block; width: 0; height: 1px; margin-top: 5px; background: var(--red); transition: width .2s; }
.main-nav > li > a:hover::after, .main-nav > li > a:focus-visible::after { width: 100%; }
.car-card { color: #fff; text-decoration: none; }
.wp-content-area { min-height: 70vh; padding: 160px 0 100px; background: var(--cream); }
.wp-content-area .entry-header { max-width: 900px; margin-bottom: 40px; }
.wp-content-area .entry-title { margin: 0; font: 600 clamp(42px, 6vw, 78px)/.95 var(--serif); letter-spacing: -.045em; }
.wp-content-area .entry-content { max-width: 820px; color: #45413c; font: 18px/1.75 var(--serif); }
.wp-content-area .entry-content img { height: auto; }
.archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.archive-card { background: #fff; color: var(--ink); text-decoration: none; }
.archive-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.archive-card div { padding: 22px; }
.archive-card h2 { margin: 0; font-size: 28px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 782px) {
  .admin-bar .site-header.is-scrolled { top: 46px; }
  .archive-grid { grid-template-columns: 1fr; }
}


/* Mobile menu contrast — solid backdrop for reliable readability */
@media (max-width: 980px) {
  .main-nav {
    background: #070708 !important;
    color: #ffffff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .main-nav a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  }

  .main-nav a:hover,
  .main-nav a:focus-visible,
  .main-nav a:active {
    color: var(--red) !important;
  }
}


/* Header logo size refinement */
.brand-logo {
  width: 86px;
  height: 60px;
}

@media (max-width: 720px) {
  .brand-logo {
    width: 72px;
    height: 50px;
  }
}