/*
Theme Name: W7.Cont Blog
Theme URI: https://w7cont.com.br/blog
Author: W7.Cont Contabilidade
Author URI: https://w7cont.com.br
Description: Tema oficial do Portal de Empreendedorismo da W7.Cont. Design consistente com o site principal, focado em SEO para pequenos negócios no Sul de Minas.
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: w7cont-blog
Tags: blog, dark, custom-colors, custom-menu, featured-images, responsive-layout
*/

/* ============================================================
   W7.Cont Blog Theme - Design System
   Paleta extraida do site principal w7cont.com.br
   ============================================================ */

:root {
  --primary:        #164670;
  --primary-dark:   #0e2e4a;
  --secondary:      #fb8500;
  --secondary-dark: #e85d04;
  --bg-light:   #1b2838;
  --section-bg: #141f2b;
  --bg-white:   #223246;
  --bg-card:    rgba(255,255,255,0.04);
  --text-main:  #f8fafc;
  --text-muted: #a0b2c6;
  --footer-bg:  #0c131c;
  --border:     rgba(255,255,255,0.07);
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --shadow-sm:  0 4px 15px rgba(0,0,0,0.2);
  --shadow-md:  0 10px 30px rgba(0,0,0,0.25);
  --shadow-lg:  0 20px 50px rgba(0,0,0,0.35);
  --transition: 0.3s ease;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
ul,ol{list-style:none}

body {
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background-color:var(--bg-light);
  color:var(--text-main);
  line-height:1.7;
  overflow-x:hidden;
  padding-top:76px;
}
h1,h2,h3,h4,h5{font-weight:700;line-height:1.2;color:#fff}
p{color:var(--text-muted);font-size:1.05rem}
.container{width:90%;max-width:1200px;margin:0 auto}
.mt-4{margin-top:2rem}

/* Buttons */
.btn {
  display:inline-flex;align-items:center;gap:0.5rem;
  padding:0.85rem 1.8rem;border-radius:var(--radius-sm);
  font-weight:600;font-size:0.95rem;text-decoration:none;
  transition:all var(--transition);cursor:pointer;border:none;white-space:nowrap;
}
.btn-primary{background:var(--secondary);color:#fff;box-shadow:0 4px 15px rgba(251,133,0,0.3)}
.btn-primary:hover{background:var(--secondary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(251,133,0,0.45)}
.btn-secondary{background:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(22,70,112,0.3)}
.btn-secondary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px)}
.btn-whatsapp{background:#25d366;color:#fff;box-shadow:0 4px 15px rgba(37,211,102,0.3);width:100%;justify-content:center}
.btn-whatsapp:hover{background:#128c7e;color:#fff;transform:translateY(-2px)}

/* Navbar */
.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.1rem 0;background:rgba(20,31,43,0.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow var(--transition)}
.navbar.scrolled{box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.nav-container{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.logo{font-size:1.6rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-0.5px;display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
.logo svg{color:var(--secondary)}
.nav-menu{display:flex;gap:2rem;align-items:center}
.nav-menu a{color:var(--text-main);text-decoration:none;font-weight:500;font-size:0.95rem;transition:color var(--transition)}
.nav-menu a:hover{color:var(--secondary)}
.nav-blog{color:var(--secondary) !important;font-weight:700 !important}
.nav-cta{flex-shrink:0}

.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all var(--transition)}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{padding:1.5rem 5%;background:var(--section-bg);border-top:1px solid var(--border);animation:slideDown 0.25s ease}
.mobile-menu[hidden]{display:none !important}
.mobile-menu nav{display:flex;flex-direction:column;gap:1rem}
.mobile-menu a{color:var(--text-main);text-decoration:none;font-weight:500;padding:0.5rem 0;border-bottom:1px solid var(--border)}
.mobile-menu a:last-child{border:none}
.mobile-menu .btn{margin-top:0.5rem;text-align:center;justify-content:center}

@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* Blog Hero */
.blog-hero{padding:5rem 0 4rem;background:radial-gradient(circle at top right,rgba(251,133,0,0.08),transparent 55%),var(--section-bg);border-bottom:1px solid var(--border);text-align:center}
.blog-hero .badge{display:inline-block;padding:0.4rem 1rem;background:rgba(251,133,0,0.12);color:var(--secondary);border-radius:50px;font-size:0.88rem;font-weight:600;border:1px solid rgba(251,133,0,0.25);margin-bottom:1.5rem}
.blog-hero h1{font-size:3rem;letter-spacing:-1.5px;margin-bottom:1.2rem;color:#fff;max-width:780px;margin-left:auto;margin-right:auto}
.blog-hero p{font-size:1.15rem;max-width:680px;margin:0 auto;color:var(--text-muted)}

/* Archive Header */
.archive-header{padding:4rem 0 3rem;background:var(--section-bg);border-bottom:1px solid var(--border)}
.archive-label{font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);margin-bottom:0.8rem}
.archive-title{font-size:2.8rem;letter-spacing:-1px;color:#fff;margin-bottom:1rem}
.archive-description{font-size:1.1rem;max-width:640px}

/* Blog Layout */
.blog-main{padding:4rem 0 6rem}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:3.5rem;align-items:start}

/* Post Cards */
.posts-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.post-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-6px);border-color:rgba(251,133,0,0.3);box-shadow:var(--shadow-md)}
.post-card-img-link{display:block;aspect-ratio:16/9;overflow:hidden}
.post-card-img-link img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.post-card:hover .post-card-img-link img{transform:scale(1.04)}
.post-card-img-placeholder{background:var(--section-bg);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}
.post-card-body{padding:1.6rem;display:flex;flex-direction:column;flex:1}

.post-category-badge{display:inline-block;padding:0.3rem 0.8rem;background:rgba(22,70,112,0.3);color:#7bb3e0;border-radius:50px;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;text-decoration:none;margin-bottom:0.9rem;border:1px solid rgba(22,70,112,0.4);transition:background var(--transition)}
.post-category-badge:hover{background:rgba(22,70,112,0.5)}
.post-category-badge--large{font-size:0.85rem;padding:0.4rem 1rem;margin-bottom:1.2rem}

.post-card-title{font-size:1.1rem;margin-bottom:0.8rem;line-height:1.4}
.post-card-title a{color:#fff;text-decoration:none;transition:color var(--transition)}
.post-card-title a:hover{color:var(--secondary)}
.post-card-excerpt{font-size:0.92rem;color:var(--text-muted);margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card-meta{display:flex;align-items:center;gap:0.5rem;font-size:0.82rem;color:var(--text-muted);margin-bottom:1.2rem;opacity:0.8}
.meta-sep{opacity:0.5}
.post-read-more{display:inline-flex;align-items:center;gap:0.4rem;color:var(--secondary);text-decoration:none;font-weight:600;font-size:0.9rem;transition:gap var(--transition);margin-top:auto}
.post-read-more:hover{gap:0.7rem}

/* Paginação */
.posts-pagination{margin-top:3rem}
.posts-pagination .nav-links{display:flex;gap:0.5rem;flex-wrap:wrap}
.posts-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.8rem;border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-muted);text-decoration:none;font-weight:600;font-size:0.9rem;border:1px solid var(--border);transition:all var(--transition)}
.posts-pagination .page-numbers.current,.posts-pagination .page-numbers:hover{background:var(--secondary);color:#fff;border-color:var(--secondary)}
.no-posts{text-align:center;padding:4rem 2rem;color:var(--text-muted)}

/* Sidebar */
.blog-sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:1.8rem}
.sidebar-cta{background:linear-gradient(135deg,rgba(22,70,112,0.3),rgba(20,31,43,0.9));border:1px solid rgba(22,70,112,0.4);border-radius:var(--radius-lg);padding:2rem;text-align:center}
.sidebar-cta-icon{margin-bottom:1rem}
.sidebar-cta h3{font-size:1.1rem;margin-bottom:0.8rem;color:#fff}
.sidebar-cta p{font-size:0.9rem;margin-bottom:1.2rem}
.sidebar-cta-disclaimer{font-size:0.78rem;opacity:0.6;margin-top:0.8rem;margin-bottom:0}
.sidebar-widget{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.6rem}
.widget-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:2px solid var(--secondary);display:inline-block}
.sidebar-categories{display:flex;flex-direction:column;gap:0.5rem}
.sidebar-categories li a{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;color:var(--text-muted);text-decoration:none;font-size:0.92rem;border-bottom:1px solid var(--border);transition:color var(--transition)}
.sidebar-categories li:last-child a{border:none}
.sidebar-categories li a:hover{color:var(--secondary)}
.sidebar-categories .count{color:var(--secondary);font-weight:600;font-size:0.85rem}
.sidebar-recent-posts{display:flex;flex-direction:column;gap:1rem}
.sidebar-recent-item{display:flex;gap:0.8rem;align-items:flex-start}
.sidebar-recent-thumb{flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden}
.sidebar-recent-thumb img{width:100%;height:100%;object-fit:cover}
.sidebar-recent-title{display:block;font-size:0.88rem;font-weight:600;color:var(--text-main);text-decoration:none;line-height:1.4;margin-bottom:0.3rem;transition:color var(--transition)}
.sidebar-recent-title:hover{color:var(--secondary)}
.sidebar-recent-date{font-size:0.78rem;color:var(--text-muted)}
.sidebar-banner{background:linear-gradient(135deg,rgba(251,133,0,0.15),rgba(20,31,43,0.95));border:1px solid rgba(251,133,0,0.3);border-radius:var(--radius-md);padding:1.8rem;text-align:center}
.sidebar-banner-label{font-size:0.82rem;font-weight:700;color:var(--secondary);margin-bottom:0.6rem;text-transform:uppercase;letter-spacing:0.5px}
.sidebar-banner h4{font-size:1.05rem;margin-bottom:0.8rem;color:#fff}
.sidebar-banner p{font-size:0.88rem;margin-bottom:1.2rem}
.sidebar-banner .btn{width:100%;justify-content:center}

/* Single Post */
.breadcrumb-nav{padding:1rem 0;background:var(--section-bg);border-bottom:1px solid var(--border)}
.breadcrumb{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}
.breadcrumb a{color:var(--text-muted);text-decoration:none;font-size:0.88rem;transition:color var(--transition)}
.breadcrumb a:hover{color:var(--secondary)}
.bc-sep{color:var(--text-muted);opacity:0.5;font-size:0.88rem}
.bc-current{font-size:0.88rem;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.single-header{padding:3.5rem 0 2.5rem;background:var(--section-bg);border-bottom:1px solid var(--border)}
.single-header-inner{max-width:860px}
.single-title{font-size:2.6rem;letter-spacing:-1px;margin-bottom:1.8rem;color:#fff;line-height:1.15}
.single-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.single-author{display:flex;align-items:center;gap:0.9rem}
.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--secondary);color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.single-author strong{display:block;font-size:0.95rem;color:#fff}
.author-role{font-size:0.8rem;color:var(--text-muted)}
.single-meta-right{display:flex;align-items:center;gap:0.5rem;font-size:0.88rem;color:var(--text-muted)}
.single-featured-img{padding:2.5rem 0;background:var(--bg-light)}
.single-featured-img img{border-radius:var(--radius-lg);width:100%;max-height:520px;object-fit:cover;box-shadow:var(--shadow-lg)}
.single-layout{display:grid;grid-template-columns:1fr 320px;gap:3.5rem;align-items:start;padding-top:3rem;padding-bottom:5rem}
.single-wrapper{padding-top:0}

/* Article content typography */
.single-content{min-width:0}
.single-content p{font-size:1.08rem;line-height:1.85;color:var(--text-muted);margin-bottom:1.5rem}
.single-content h2{font-size:1.8rem;color:#fff;margin:2.5rem 0 1rem;border-left:4px solid var(--secondary);padding-left:1rem}
.single-content h3{font-size:1.35rem;color:#eee;margin:2rem 0 0.8rem}
.single-content ul,.single-content ol{margin:1rem 0 1.5rem 1.5rem}
.single-content li{font-size:1.05rem;color:var(--text-muted);margin-bottom:0.6rem}
.single-content ul li{list-style:disc}
.single-content ol li{list-style:decimal}
.single-content strong{color:var(--text-main)}
.single-content a{color:var(--secondary);text-decoration:underline;text-underline-offset:3px}
.single-content a:hover{color:var(--secondary-dark)}
.single-content blockquote{border-left:4px solid var(--secondary);background:rgba(251,133,0,0.06);padding:1.2rem 1.5rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:2rem 0;font-style:italic}
.single-content blockquote p{color:var(--text-main);margin:0}
.single-content img{border-radius:var(--radius-md);margin:2rem 0;box-shadow:var(--shadow-sm)}
.single-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:0.95rem}
.single-content th{background:var(--primary);color:#fff;padding:0.8rem 1rem;text-align:left}
.single-content td{padding:0.8rem 1rem;border-bottom:1px solid var(--border);color:var(--text-muted)}
.single-content tr:hover td{background:rgba(255,255,255,0.03)}

.single-cta-box{background:linear-gradient(135deg,rgba(22,70,112,0.25),rgba(20,31,43,0.95));border:1px solid rgba(22,70,112,0.4);border-radius:var(--radius-lg);padding:2.5rem;margin:3rem 0;display:flex;gap:1.5rem;align-items:flex-start}
.single-cta-icon{font-size:2rem;flex-shrink:0}
.single-cta-box h3{font-size:1.2rem;margin-bottom:0.6rem;color:#fff}
.single-cta-box p{font-size:0.95rem;margin-bottom:1.2rem}

.post-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:2.5rem;align-items:center}
.post-tags span{color:var(--text-muted);font-size:0.9rem}
.post-tags a{display:inline-block;padding:0.3rem 0.8rem;background:var(--bg-white);border:1px solid var(--border);border-radius:50px;font-size:0.82rem;text-decoration:none;color:var(--text-muted);transition:all var(--transition)}
.post-tags a:hover{border-color:var(--secondary);color:var(--secondary)}

.related-posts{background:var(--section-bg);padding:5rem 0;border-top:1px solid var(--border)}
.related-title{font-size:1.8rem;margin-bottom:2.5rem;color:#fff}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}

/* Footer */
#site-footer{background:var(--footer-bg);padding:5rem 0 2rem;color:rgba(255,255,255,0.75)}
.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem}
.footer-brand h2{color:var(--secondary) !important;font-size:2rem;letter-spacing:-0.5px;display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}
.footer-brand h2 svg{color:var(--secondary)}
.footer-brand p{color:rgba(255,255,255,0.65);font-size:0.95rem;margin-bottom:0.4rem}
.footer-back-link{color:var(--secondary) !important;text-decoration:none;font-size:0.9rem;font-weight:600;transition:opacity var(--transition)}
.footer-back-link:hover{opacity:0.8}
.footer-links h4,.footer-compliance h4{color:#fff !important;margin-bottom:1.2rem;font-size:1rem}
.footer-links p,.footer-links a{color:rgba(255,255,255,0.65) !important;font-size:0.95rem;margin-bottom:0.5rem}
.footer-compliance a{display:inline-block;color:rgba(255,255,255,0.65) !important;text-decoration:none;font-size:0.9rem;margin-bottom:0.6rem;transition:color var(--transition)}
.footer-compliance a:hover{color:var(--secondary) !important}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:2rem;text-align:center;font-size:0.88rem;color:rgba(255,255,255,0.45)}

/* WhatsApp float */
.wa-float{position:fixed;bottom:36px;right:36px;background:#25d366;color:#fff;border-radius:50%;width:68px;height:68px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 25px rgba(37,211,102,0.4);z-index:990;transition:all 0.3s ease}
.wa-float:hover{transform:scale(1.12) rotate(-8deg);background:#128c7e}

/* Search */
.search-form{display:flex;gap:0.5rem;margin-top:1.5rem}
.search-field{flex:1;padding:0.7rem 1rem;border-radius:var(--radius-sm);background:var(--bg-white);border:1px solid var(--border);color:var(--text-main);font-size:0.95rem;font-family:inherit}
.search-field:focus{outline:none;border-color:var(--secondary)}
.search-submit{padding:0.7rem 1.2rem;background:var(--secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background var(--transition)}
.search-submit:hover{background:var(--secondary-dark)}

/* Responsive */
@media(max-width:1024px){
  .blog-layout{grid-template-columns:1fr}
  .blog-sidebar{position:static}
  .single-layout{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  body{padding-top:68px}
  .nav-menu,.nav-cta{display:none}
  .hamburger{display:flex}
  .blog-hero h1{font-size:2rem}
  .blog-hero p{font-size:1rem}
  .posts-container{grid-template-columns:1fr}
  .archive-title{font-size:2rem}
  .single-title{font-size:1.8rem}
  .single-meta{flex-direction:column;align-items:flex-start}
  .single-cta-box{flex-direction:column}
  .related-grid{grid-template-columns:1fr}
  .footer-container{grid-template-columns:1fr;gap:2.5rem}
  .wa-float{bottom:20px;right:20px;width:58px;height:58px}
  .wa-float svg{width:28px;height:28px}
}
@media(max-width:480px){
  .posts-pagination .page-numbers{min-width:34px;height:34px;font-size:0.82rem}
}

/* WordPress core */
.alignleft{float:left;margin:0 1.5rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.5rem}
.aligncenter{margin:0 auto 1rem;display:block}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:0.85rem;color:var(--text-muted);text-align:center;margin-top:0.5rem}
.screen-reader-text{position:absolute;left:-9999px;top:-9999px}
.page-links{margin:2rem 0;color:var(--text-muted)}
.page-links a{color:var(--secondary)}