/*
Theme Name: SmartGrowth Guides Theme
Theme URI: https://smartgrowthguides.com/
Author: SmartGrowth Guides
Description: Lightweight custom theme for SmartGrowth Guides. Designed to work with existing Custom HTML pages without adding duplicate page titles, default banners, or WordPress credits.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: smartgrowth-guides
License: GNU General Public License v2 or later
*/

:root{
  --sg-navy:#17324d;
  --sg-blue:#2f6f9f;
  --sg-green:#3f8062;
  --sg-gold:#d7a84a;
  --sg-text:#35485a;
  --sg-muted:#6b7a88;
  --sg-soft:#f5f8fb;
  --sg-line:#dce6ec;
  --sg-white:#fff;
  --sg-max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--sg-text);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}
img{max-width:100%;height:auto}
a{color:var(--sg-blue)}
.sg-skip-link{position:absolute;left:-9999px;top:auto}
.sg-skip-link:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:12px 16px;border-radius:8px}

/* Header */
.sg-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--sg-line)}
.sg-header-inner{width:min(var(--sg-max),calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sg-brand{display:flex;align-items:center;gap:12px;color:var(--sg-navy);text-decoration:none;font-weight:800}
.sg-brand .custom-logo{max-height:52px;width:auto}
.sg-brand-name{font-size:20px;line-height:1.05}
.sg-brand-tagline{display:block;margin-top:4px;color:var(--sg-green);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.sg-menu-toggle{display:none;border:1px solid var(--sg-line);background:#fff;color:var(--sg-navy);border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}
.sg-nav ul{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.sg-nav a{display:block;padding:11px 10px;border-radius:8px;color:var(--sg-navy);text-decoration:none;font-size:14px;font-weight:700}
.sg-nav a:hover,.sg-nav .current-menu-item>a,.sg-nav .current_page_item>a{color:var(--sg-green);background:var(--sg-soft)}

/* Content: do not inject titles or banners */
.sg-main{min-height:55vh}
.sg-page-content{width:100%;max-width:none;margin:0;padding:0}
.sg-post-wrap,.sg-archive-wrap{width:min(920px,calc(100% - 32px));margin:0 auto;padding:54px 0 80px}
.sg-post-title,.sg-archive-title{margin:0 0 14px;color:var(--sg-navy);font-size:clamp(36px,5vw,58px);line-height:1.1}
.sg-meta{margin-bottom:28px;color:var(--sg-muted);font-size:14px}
.sg-entry-content:after{content:"";display:table;clear:both}
.sg-entry-content>:first-child{margin-top:0}
.sg-entry-content>:last-child{margin-bottom:0}
.sg-card{margin-bottom:26px;padding:28px;border:1px solid var(--sg-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(23,50,77,.07)}
.sg-card h2{margin-top:0}
.alignwide{width:min(1400px,calc(100vw - 32px));max-width:none;margin-left:50%;transform:translateX(-50%)}
.alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}

/* Footer */
.sg-footer{background:var(--sg-navy);color:rgba(255,255,255,.82)}
.sg-footer-inner{width:min(var(--sg-max),calc(100% - 32px));margin:auto;padding:44px 0 22px}
.sg-footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.sg-footer h2{margin:0 0 10px;color:#fff;font-size:22px}
.sg-footer p{margin:0;color:rgba(255,255,255,.68)}
.sg-footer-nav ul{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;list-style:none}
.sg-footer-nav a{color:#fff;text-decoration:none;font-size:14px}
.sg-footer-nav a:hover{text-decoration:underline}
.sg-copyright{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);font-size:13px;color:rgba(255,255,255,.55)}

/* Forms */
input,textarea,select,button{font:inherit}
input[type=text],input[type=email],input[type=url],textarea,select{width:100%;padding:12px 14px;border:1px solid var(--sg-line);border-radius:9px}
button,input[type=submit]{padding:12px 20px;border:0;border-radius:9px;background:var(--sg-blue);color:#fff;font-weight:800;cursor:pointer}

@media(max-width:900px){
  .sg-header-inner{flex-wrap:wrap;padding:12px 0}
  .sg-menu-toggle{display:inline-flex}
  .sg-nav{display:none;width:100%}
  .sg-nav.is-open{display:block}
  .sg-nav ul{display:block;padding:6px 0 10px}
  .sg-nav a{padding:12px 4px}
  .sg-footer-grid{grid-template-columns:1fr}
  .sg-footer-nav ul{justify-content:flex-start}
}
/* Logo do cabeçalho */
.custom-logo{
    width: 120px !important;
    height: auto !important;
    display: block;
}

.sg-brand img,
.custom-logo-link img{
    width: 180px !important;
    height: auto !important;
}

.sg-header-inner{
    align-items:center;
}
/* Movimento suave do logo, como uma bandeira ao vento */
.custom-logo-link {
    display: inline-block;
    perspective: 900px;
}

.custom-logo {
    transform-origin: left center;
    animation: smartgrowth-logo-wave 5s ease-in-out infinite;
    will-change: transform;
}

@keyframes smartgrowth-logo-wave {
    0% {
        transform: rotateY(0deg) rotateZ(0deg);
    }

    25% {
        transform: rotateY(2deg) rotateZ(0.4deg);
    }

    50% {
        transform: rotateY(0deg) rotateZ(0deg);
    }

    75% {
        transform: rotateY(-2deg) rotateZ(-0.4deg);
    }

    100% {
        transform: rotateY(0deg) rotateZ(0deg);
    }
}

/* Respeita usuários que preferem menos animação */
@media (prefers-reduced-motion: reduce) {
    .custom-logo {
        animation: none;
    }
}