/*
Theme Name: Unika TV 2026 (Mirasat Child)
Theme URI: https://unikatv.com.br
Description: Visual V2 SaaS Moderno aplicado ao Mirasat IPTV. Light theme, tipografia Geist, layout limpo conversão-otimizada.
Author: Unika TV
Author URI: https://unikatv.com.br
Template: mirasat-iptv
Version: 1.5.0
Text Domain: mirasat-iptv-child
*/

/* ==========================================================
   UNIKA TV 2026 - V2 SAAS MODERNO
   Aplicado como CHILD THEME do mirasat-iptv (não substitui)
   Estratégia: override visual SEM tocar funcionalidade parent
   ========================================================== */

/* Reset visual dark do parent */
body, body.home, .site, .site-content, .content-area, main, article, .post, .page,
.entry-content, .entry-summary, .single-post, .single-page,
header.site-header, footer.site-footer,
.wp-block-post-content, .wp-block-post-template {
  background: #ffffff !important;
  color: #0a0a0a !important;
}

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@500&display=swap');

body, button, input, select, textarea {
  font-family: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  color: #0a0a0a !important;
  background: #ffffff !important;
  -webkit-font-smoothing: antialiased;
}

/* Container reading width pra posts/pages (só dentro do entry-content) */
.single .entry-content,
.page .entry-content,
.post-template-default .entry-content {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 1.5rem !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: #27272a !important;
}

/* Mas NÃO restringe homepage, archive, etc */
.home .entry-content, .archive .entry-content { max-width: none !important; }

/* Headings */
.entry-content h1, article h1, .entry-title {
  font-family: 'Geist', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
  color: #0a0a0a !important;
  margin: 2rem 0 1.5rem !important;
}

.entry-content h2, article h2 {
  font-family: 'Geist', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  color: #0a0a0a !important;
  margin: 3rem 0 1rem !important;
  padding: 0 !important;
  border: none !important;
}

.entry-content h3, article h3 {
  font-size: 1.375rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #0a0a0a !important;
  margin: 2rem 0 0.5rem !important;
}

.entry-content h4, article h4 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: #18181b !important;
  margin: 1.5rem 0 0.5rem !important;
}

/* Parágrafos */
.entry-content p, article p {
  margin: 0 0 1.25rem !important;
  text-align: center !important;
  word-spacing: normal !important;
  color: #27272a !important;
  line-height: 1.75 !important;
}

/* Strong */
.entry-content strong, article strong {
  color: #0a0a0a !important;
  font-weight: 600 !important;
}

/* Links — SOMENTE em parágrafos/listas, NUNCA em títulos/cards */
.entry-content p a, .entry-content li a,
article p a, article li a,
.post-content p a, .post-content li a {
  color: #ea580c !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
  transition: color 0.15s;
}
.entry-content p a:hover, .entry-content li a:hover,
article p a:hover, article li a:hover {
  color: #c2410c !important;
  text-decoration-thickness: 2px !important;
}

/* Títulos de cards / posts NUNCA underline ou laranja */
.post-title, .post-title a,
.entry-title, .entry-title a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.elementor-heading-title a,
article a.post-card-title,
article header a {
  color: #0a0a0a !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.post-title a:hover, .entry-title a:hover,
h1 a:hover, h2 a:hover, h3 a:hover {
  color: #ea580c !important;
  text-decoration: none !important;
}

/* Listas */
.entry-content ul, .entry-content ol, article ul, article ol {
  margin: 1rem 0 1.5rem !important;
  padding-left: 1.5rem !important;
}
.entry-content li, article li {
  margin: 0.5rem 0 !important;
  line-height: 1.7 !important;
  color: #27272a !important;
}

/* Imagens */
.entry-content img, article img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  margin: 1.5rem 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

/* Tabelas */
.entry-content table, article table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.5rem 0 !important;
  font-size: 0.9375rem !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  border: 1px solid #e4e4e7 !important;
}
.entry-content table thead, article table thead {
  background: #18181b !important;
}
.entry-content table th, article table th {
  background: #18181b !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 0.75rem 1rem !important;
  text-align: center !important;
  font-size: 0.875rem !important;
}
.entry-content table td, article table td {
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #f4f4f5 !important;
  color: #27272a !important;
  background: #fff !important;
}
.entry-content table tr:nth-child(even) td,
article table tr:nth-child(even) td {
  background: #fafafa !important;
}
.entry-content table tr:hover td,
article table tr:hover td {
  background: #fff7ed !important;
}

/* Blockquote */
.entry-content blockquote, article blockquote {
  border-left: 4px solid #f97316 !important;
  background: #fff7ed !important;
  padding: 1rem 1.5rem !important;
  margin: 2rem 0 !important;
  border-radius: 0 12px 12px 0 !important;
  font-style: italic !important;
  color: #18181b !important;
  font-size: 1.125rem !important;
}
.entry-content blockquote cite, article blockquote cite {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  font-style: normal;
  color: #71717a;
}

/* Code inline */
.entry-content code, article code {
  background: #f4f4f5 !important;
  padding: 0.125rem 0.375rem !important;
  border-radius: 4px !important;
  font-size: 0.875rem !important;
  font-family: 'Geist Mono', monospace !important;
  color: #b45309 !important;
}

/* FAQ <details> */
.entry-content details, article details {
  border: 1px solid #e4e4e7 !important;
  border-radius: 12px !important;
  padding: 1.25rem 1.5rem !important;
  margin: 0.75rem 0 !important;
  background: #fff !important;
  transition: border-color 0.15s;
}
.entry-content details:hover, article details:hover {
  border-color: #d4d4d8 !important;
}
.entry-content details summary, article details summary {
  font-weight: 600 !important;
  cursor: pointer !important;
  color: #0a0a0a !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  list-style: none !important;
}
.entry-content details summary::-webkit-details-marker { display: none; }
.entry-content details summary::after {
  content: '+';
  font-size: 1.5rem;
  color: #f97316;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.2s;
  font-family: 'Geist Mono', monospace;
}
.entry-content details[open] summary::after {
  transform: rotate(45deg);
}

/* Header site */
header.site-header, .site-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e4e4e7 !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02) !important;
}
header.site-header *, .site-header *,
.main-navigation a, .main-navigation li {
  color: #18181b !important;
}
.site-title, .site-title a {
  color: #0a0a0a !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}
.main-navigation a:hover { color: #ea580c !important; }

/* Footer */
footer.site-footer, .site-footer {
  background: #fafafa !important;
  color: #71717a !important;
  border-top: 1px solid #e4e4e7 !important;
}
.site-footer * {
  color: #71717a !important;
}
.site-footer a:hover { color: #ea580c !important; }

/* Botões primários */
button, .button, .wp-block-button__link,
input[type="submit"], a.btn-primary {
  background: #0a0a0a !important;
  color: #fff !important;
  border: none !important;
  padding: 0.875rem 1.75rem !important;
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  cursor: pointer;
  transition: background 0.15s;
  text-decoration: none !important;
}
button:hover, .button:hover, .wp-block-button__link:hover {
  background: #27272a !important;
  color: #fff !important;
}

/* Botão CTA gradient (use classe `.btn-cta`) */
.btn-cta {
  background: linear-gradient(135deg, #ff5a1f 0%, #dc2626 100%) !important;
  color: #fff !important;
  display: inline-block;
  padding: 0.875rem 1.75rem !important;
  border-radius: 0.5rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: opacity 0.15s;
}
.btn-cta:hover { opacity: 0.9; color: #fff !important; }

/* Callout boxes */
.callout, .unika-info, .unika-tip, .unika-warning {
  padding: 1rem 1.5rem !important;
  margin: 1.5rem 0 !important;
  border-radius: 0 12px 12px 0 !important;
  background: #fff7ed;
  border-left: 3px solid #f97316;
}
.unika-info { background: #eff6ff !important; border-left-color: #3b82f6 !important; }
.unika-tip { background: #f0fdf4 !important; border-left-color: #22c55e !important; }
.unika-warning { background: #fef3c7 !important; border-left-color: #f59e0b !important; }

/* CTA Box gradient */
.unika-cta-box {
  background: linear-gradient(135deg, #ff5a1f 0%, #dc2626 50%, #7c2d12 100%) !important;
  color: #fff !important;
  border-radius: 24px !important;
  padding: 3rem 2rem !important;
  margin: 3rem 0 !important;
  text-align: center !important;
  box-shadow: 0 20px 40px -15px rgba(220,38,38,0.3) !important;
}
.unika-cta-box h3 { color: #fff !important; font-size: 1.875rem !important; }
.unika-cta-box p { color: rgba(255,255,255,0.9) !important; }
.unika-cta-box a, .unika-cta-box .btn-cta {
  background: #fff !important;
  color: #0a0a0a !important;
  display: inline-block;
  padding: 0.875rem 2rem !important;
  margin-top: 1rem !important;
  border-radius: 0.5rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.unika-cta-box a:hover { background: #f4f4f5 !important; color: #0a0a0a !important; }

/* WhatsApp float */
.unika-whatsapp-float, .whatsapp-float {
  position: fixed !important;
  bottom: 1.5rem !important;
  right: 1.5rem !important;
  z-index: 9999 !important;
  background: #25D366 !important;
  color: #fff !important;
  padding: 0.875rem 1.5rem !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(37,211,102,0.4) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.unika-whatsapp-float:hover { background: #1ea952 !important; color: #fff !important; }
.unika-whatsapp-float::before { content: '💬'; margin-right: 0.25rem; }

/* Featured image post */
.post-thumbnail img, .wp-post-image {
  border-radius: 16px !important;
  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.15) !important;
  margin-bottom: 2rem;
}

/* Author byline */
.byline, .posted-on, .entry-meta {
  font-size: 0.875rem !important;
  color: #71717a !important;
}
.byline a, .posted-on a { color: #71717a !important; }

/* Breadcrumbs */
.breadcrumb, .breadcrumbs, #breadcrumbs,
.yoast-breadcrumbs, .rank-math-breadcrumb {
  font-size: 0.875rem !important;
  color: #71717a !important;
  margin: 1rem 0 !important;
}
.breadcrumb a, .breadcrumbs a {
  color: #71717a !important;
  text-decoration: none !important;
}
.breadcrumb a:hover { color: #ea580c !important; }

/* Sidebar widgets */
.widget {
  background: #fafafa !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 16px !important;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.widget-title, .widget h2, .widget h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #71717a !important;
  margin-bottom: 1rem !important;
  border: none !important;
  padding: 0 !important;
}

/* Comments OFF style fallback */
.comments-area, #comments { display: none !important; }

/* Mobile */
@media (max-width: 768px) {
  .entry-content h1, .entry-title { font-size: 1.875rem !important; }
  .entry-content h2, article h2 { font-size: 1.5rem !important; }
  .entry-content h3, article h3 { font-size: 1.25rem !important; }
  .entry-content { font-size: 16px !important; }
  .unika-cta-box { padding: 2rem 1.5rem !important; }
  .unika-whatsapp-float {
    bottom: 1rem !important;
    right: 1rem !important;
    padding: 0.75rem 1.25rem !important;
    font-size: 0.875rem !important;
  }
}

/* ============================================================
   PATCH v1.1 — Fixes a partir de feedback Diego 2026-05-14
   ============================================================ */

/* Headings SEMPRE preto (nunca laranja/vermelho do parent) */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4,
article h1, article h2, article h3, article h4,
.post-title, .entry-title {
  color: #0a0a0a !important;
}

/* Mata itálico forçado em parágrafos pelo parent */
.entry-content p, article p, .post-content p {
  font-style: normal !important;
}
.entry-content p em, article p em,
.entry-content p i, article p i {
  font-style: italic !important;
}

/* Botões "Leia Mais" / "Continue Lendo" estilizados */
.read-more, .more-link, a.read-more,
a.more-link, .btn-read-more,
.elementor-button-link,
a.button-read-more {
  background: #0a0a0a !important;
  color: #fff !important;
  border: none !important;
  padding: 0.625rem 1.5rem !important;
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  text-decoration: none !important;
  display: inline-block !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transition: background 0.15s !important;
}
.read-more:hover, .more-link:hover,
a.read-more:hover, a.more-link:hover {
  background: #ea580c !important;
  color: #fff !important;
}

/* Cards de blog limpos */
article.post, .post-card, .blog-post,
.elementor-post, .post-item {
  background: #fff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}
article.post:hover, .post-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px) !important;
}

/* Sidebar com widget vazio = oculta */
aside, #secondary, .sidebar,
.widget-area, .secondary-area,
.sidebar-wrap {
  background: transparent !important;
}
.widget:empty, aside .widget:empty,
.elementor-widget-empty {
  display: none !important;
}
.widget {
  background: #fff !important;
  border: 1px solid #e4e4e7 !important;
}

/* Header reset — remove fundo cinza/marrom do parent */
header.site-header, .site-header, #masthead,
.site-branding, .main-header,
.header-wrap {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border-bottom: 1px solid #e4e4e7 !important;
  box-shadow: none !important;
  color: #0a0a0a !important;
}
header.site-header *, .site-header *, #masthead * {
  color: inherit;
}

/* Menu nav top */
.main-navigation, .primary-menu, #site-navigation,
.menu-primary, nav.main-navigation {
  background: transparent !important;
}
.main-navigation a, .primary-menu a, .menu-primary a {
  color: #18181b !important;
  font-weight: 500 !important;
}
.main-navigation a:hover, .primary-menu a:hover {
  color: #ea580c !important;
}

/* Banner/Hero do post — remove fundo escuro */
.entry-header, .post-header, .single-post-header,
.page-header, .entry-banner {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #0a0a0a !important;
  padding: 1rem 0 !important;
}

/* Categoria/tag link no topo do post */
.entry-meta, .post-meta, .post-categories,
.entry-meta a, .post-meta a, .post-categories a {
  color: #71717a !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.post-categories a:hover { color: #ea580c !important; }

/* Body geral — garante fundo branco */
body, html, .site-content, #page,
main, .main-content {
  background: #fff !important;
  background-color: #fff !important;
}

/* Search form / input */
input[type="text"], input[type="search"], input[type="email"], textarea {
  background: #fff !important;
  border: 1px solid #e4e4e7 !important;
  color: #0a0a0a !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 0.75rem !important;
}

/* Tags cloud / categoria badges */
.tag-cloud a, .post-tag, .post-categories,
.elementor-post-info__terms-list-item {
  background: #f4f4f5 !important;
  color: #18181b !important;
  padding: 0.25rem 0.625rem !important;
  border-radius: 4px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: none !important;
}
.tag-cloud a:hover { background: #fff7ed !important; color: #ea580c !important; }

/* ============================================================
   PATCH v1.2 — Override agressivo pos screenshots Diego 2026-05-14
   ============================================================ */

/* MATA o header dark do parent — força branco */
body header, body .site-header, body #masthead,
body .main-header, body .top-header, body .header-area,
body div[class*="header"]:not(.entry-header),
body section[class*="header"] {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #18181b !important;
  border-bottom: 1px solid #e4e4e7 !important;
  box-shadow: none !important;
}
body header *, body .site-header *, body #masthead *,
body .main-header *, body .top-header * {
  color: #18181b !important;
  background-color: transparent !important;
}
body header a, body .site-header a, body .top-header a {
  color: #18181b !important;
}
body header a:hover, body .site-header a:hover {
  color: #ea580c !important;
}

/* MATA o banner cinza entre header e conteúdo (entry-header) — APENAS em pages NÃO-hero */
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .entry-header,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .page-header,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .post-header,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .single-entry-header,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .blog-header,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .post-banner,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .elementor-section-header,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .breadcrumbs-wrap,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) section.breadcrumbs,
body:not(.page-id-1840):not(.page-id-1838):not(.page-id-1836):not(.page-id-1834):not(.page-id-1832) .breadcrumb-wrap {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #0a0a0a !important;
  padding: 1.5rem 1rem !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
}

/* HERO PAGES (5 pages): mantém background-image do customizer */
.page-id-1840 .page-header,
.page-id-1838 .page-header,
.page-id-1836 .page-header,
.page-id-1834 .page-header,
.page-id-1832 .page-header {
  background-color: #0a0a0a !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
  padding: 0 !important;
  min-height: 460px !important;
  border-radius: 16px !important;
  max-width: 1140px !important;
  margin: 120px auto 2rem !important;
  position: relative !important;
  overflow: hidden !important;
}
.page-id-1840 .page-header { background-image: url('https://unikatv.com.br/wp-content/uploads/2026/05/teste-iptv-gratis-scaled.jpeg') !important; }
.page-id-1838 .page-header { background-image: url('https://unikatv.com.br/wp-content/uploads/2026/05/aplicativos-de-iptv-scaled.jpeg') !important; }
.page-id-1836 .page-header { background-image: url('https://unikatv.com.br/wp-content/uploads/2026/05/dispositivos-de-iptv-scaled.jpeg') !important; }
.page-id-1834 .page-header { background-image: url('https://unikatv.com.br/wp-content/uploads/2026/05/planos-de-iptv-scaled.jpeg') !important; }
.page-id-1832 .page-header { background-image: url('https://unikatv.com.br/wp-content/uploads/2026/05/servicos-de-iptv-scaled.jpeg') !important; }
.page-id-1840 .page-header::before,
.page-id-1838 .page-header::before,
.page-id-1836 .page-header::before,
.page-id-1834 .page-header::before,
.page-id-1832 .page-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(10,10,10,0.65), rgba(10,10,10,0.25)) !important;
  z-index: 1 !important;
}
.page-id-1840 .page-header .container,
.page-id-1838 .page-header .container,
.page-id-1836 .page-header .container,
.page-id-1834 .page-header .container,
.page-id-1832 .page-header .container {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 460px !important;
  padding: 3rem 2.5rem !important;
}
.page-id-1840 .page-header h1,
.page-id-1838 .page-header h1,
.page-id-1836 .page-header h1,
.page-id-1834 .page-header h1,
.page-id-1832 .page-header h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 3rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
  background: transparent !important;
  margin: 0 !important;
}

/* Título do post DENTRO do entry-header */
.entry-header h1, .entry-header .entry-title,
.page-header h1, .post-header h1,
h1.entry-title, h1.page-title, h1.post-title {
  color: #0a0a0a !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
  background: none !important;
  -webkit-text-fill-color: #0a0a0a !important;
}

/* Breadcrumbs visíveis */
.breadcrumb, .breadcrumbs, #breadcrumbs,
.yoast-breadcrumbs, .rank-math-breadcrumb,
nav.breadcrumb, .breadcrumb-wrap span, .breadcrumb-trail {
  color: #71717a !important;
  background: transparent !important;
  font-size: 0.875rem !important;
  margin: 0.5rem 0 1rem !important;
}
.breadcrumb a, .breadcrumbs a, #breadcrumbs a {
  color: #71717a !important;
}
.breadcrumb a:hover { color: #ea580c !important; }
.breadcrumb span.current, .breadcrumbs span.current {
  color: #0a0a0a !important;
  font-weight: 500;
}

/* MATA ITALIC GLOBAL no conteúdo de post (parent forçou em tudo) */
.entry-content, .entry-content *,
.post-content, .post-content *,
article .content-area, article .content-area *,
.single .entry-content, .single .entry-content *,
.page .entry-content, .page .entry-content * {
  font-style: normal !important;
}
/* Mas mantem em <em> e <i> explícitos */
.entry-content em, article em, .post-content em,
.entry-content i:not(.fa):not([class*="icon"]),
article i:not(.fa):not([class*="icon"]) {
  font-style: italic !important;
}

/* Links em parágrafos LARANJA forçado (estava azul) */
.entry-content p a, .entry-content li a, .entry-content td a,
.post-content p a, .post-content li a,
article p a, article li a {
  color: #ea580c !important;
  text-decoration: underline !important;
  text-decoration-color: #fdba74 !important;
  text-underline-offset: 3px !important;
}
.entry-content p a:hover, article p a:hover {
  color: #c2410c !important;
  text-decoration-color: #ea580c !important;
}

/* Imagem hero do post centralizada com cantos arredondados */
.entry-content > figure:first-child img,
.entry-content img.wp-post-image,
.post-thumbnail img, .featured-image img {
  display: block !important;
  margin: 0 auto 2rem !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

/* Body wrapper limpa qualquer fundo herdado */
body, body.single, body.page, body.home,
body.archive, body.blog, #page, #content, .site-content,
main.site-main, main#main {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

/* Container do post centralizado com largura limitada */
.single-post article.post,
.page article.page,
.single .entry-content,
.page .entry-content {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/* Print friendly */
@media print {
  .unika-whatsapp-float, header, footer, .widget, nav { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
}

/* === UNIKA HUB BALANCED LAYOUT 2026-05-16 v2 === */
.unika-hub-grid {
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
}
@media (max-width: 900px) {
  .unika-hub-grid { grid-template-columns: 1fr 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-grid { grid-template-columns: 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 1 !important; }
}
/* Aplicativos column has 2 internal sub-columns (because it's wider now) */
.unika-hub-col:first-child ul {
  column-count: 2 !important;
  column-gap: 2rem !important;
}
@media (max-width: 900px) {
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-col:first-child ul { column-count: 1 !important; }
}

/* === UNIKA HUB BALANCED v3 2026-05-16 (3 sub-cols apps) === */
.unika-hub-grid {
  grid-template-columns: 3fr 1fr 1fr 1fr !important;
}
.unika-hub-col:first-child ul {
  column-count: 3 !important;
  column-gap: 1.5rem !important;
}
@media (max-width: 1100px) {
  .unika-hub-grid { grid-template-columns: 2fr 1fr 1fr 1fr !important; }
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 900px) {
  .unika-hub-grid { grid-template-columns: 1fr 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 2 !important; }
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-grid { grid-template-columns: 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 1 !important; }
  .unika-hub-col:first-child ul { column-count: 1 !important; }
}

/* === UNIKA HIDE DUPLICATE FEATURED IMG IN PILLARS 2026-05-16 === */
/* As 5 pillar pages (1840, 1838, 1836, 1834, 1832) usam template default agora */
/* Esconder featured image renderizada pelo page.php padrão — hero novo já está no body */
body.page-id-1840 .post-thumbnail,
body.page-id-1838 .post-thumbnail,
body.page-id-1836 .post-thumbnail,
body.page-id-1834 .post-thumbnail,
body.page-id-1832 .post-thumbnail,
body.page-id-1840 .featured-image,
body.page-id-1838 .featured-image,
body.page-id-1836 .featured-image,
body.page-id-1834 .featured-image,
body.page-id-1832 .featured-image,
body.page-id-1840 article > .post-thumbnail,
body.page-id-1838 article > .post-thumbnail,
body.page-id-1836 article > .post-thumbnail,
body.page-id-1834 article > .post-thumbnail,
body.page-id-1832 article > .post-thumbnail {
  display: none !important;
}
/* Também esconde se vier como img direto no início da entry-content */
body.page-id-1840 .entry-content > .wp-post-image:first-child,
body.page-id-1838 .entry-content > .wp-post-image:first-child,
body.page-id-1836 .entry-content > .wp-post-image:first-child,
body.page-id-1834 .entry-content > .wp-post-image:first-child,
body.page-id-1832 .entry-content > .wp-post-image:first-child {
  display: none !important;
}

/* === UNIKA HUB BALANCED LAYOUT 2026-05-16 v2 === */
.unika-hub-grid {
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
}
@media (max-width: 900px) {
  .unika-hub-grid { grid-template-columns: 1fr 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-grid { grid-template-columns: 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 1 !important; }
}
/* Aplicativos column has 2 internal sub-columns (because it's wider now) */
.unika-hub-col:first-child ul {
  column-count: 2 !important;
  column-gap: 2rem !important;
}
@media (max-width: 900px) {
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-col:first-child ul { column-count: 1 !important; }
}

/* === UNIKA HUB BALANCED v3 2026-05-16 (3 sub-cols apps) === */
.unika-hub-grid {
  grid-template-columns: 3fr 1fr 1fr 1fr !important;
}
.unika-hub-col:first-child ul {
  column-count: 3 !important;
  column-gap: 1.5rem !important;
}
@media (max-width: 1100px) {
  .unika-hub-grid { grid-template-columns: 2fr 1fr 1fr 1fr !important; }
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 900px) {
  .unika-hub-grid { grid-template-columns: 1fr 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 2 !important; }
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-grid { grid-template-columns: 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 1 !important; }
  .unika-hub-col:first-child ul { column-count: 1 !important; }
}

/* === UNIKA HIDE DUPLICATE FEATURED IMG IN PILLARS 2026-05-16 === */
/* As 5 pillar pages (1840, 1838, 1836, 1834, 1832) usam template default agora */
/* Esconder featured image renderizada pelo page.php padrão — hero novo já está no body */
body.page-id-1840 .post-thumbnail,
body.page-id-1838 .post-thumbnail,
body.page-id-1836 .post-thumbnail,
body.page-id-1834 .post-thumbnail,
body.page-id-1832 .post-thumbnail,
body.page-id-1840 .featured-image,
body.page-id-1838 .featured-image,
body.page-id-1836 .featured-image,
body.page-id-1834 .featured-image,
body.page-id-1832 .featured-image,
body.page-id-1840 article > .post-thumbnail,
body.page-id-1838 article > .post-thumbnail,
body.page-id-1836 article > .post-thumbnail,
body.page-id-1834 article > .post-thumbnail,
body.page-id-1832 article > .post-thumbnail {
  display: none !important;
}
/* Também esconde se vier como img direto no início da entry-content */
body.page-id-1840 .entry-content > .wp-post-image:first-child,
body.page-id-1838 .entry-content > .wp-post-image:first-child,
body.page-id-1836 .entry-content > .wp-post-image:first-child,
body.page-id-1834 .entry-content > .wp-post-image:first-child,
body.page-id-1832 .entry-content > .wp-post-image:first-child {
  display: none !important;
}

/* === UNIKA PILLAR CTA BTN NUCLEAR FIX 2026-05-16 === */
/* Override entry-content link rules que sobrepunham o botao verde */
body.unika-2026 .pillar-cta-wrap {
  text-align: center !important;
  margin: 1.5rem auto !important;
  max-width: 100% !important;
}
body.unika-2026 .entry-content .pillar-cta-btn,
body.unika-2026 .entry-content p a.pillar-cta-btn,
body.unika-2026 .entry-content li a.pillar-cta-btn,
.pillar-cta-btn,
a.pillar-cta-btn {
  display: inline-block !important;
  background: linear-gradient(135deg, #25D366 0%, #1ea952 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 1rem 1.75rem !important;
  border-radius: 12px !important;
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  border-bottom: none !important;
  text-underline-offset: 0 !important;
  box-shadow: 0 4px 16px rgba(37,211,102,0.3) !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body.unika-2026 .entry-content .pillar-cta-btn:hover,
body.unika-2026 .entry-content p a.pillar-cta-btn:hover,
.pillar-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(37,211,102,0.45) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #1ea952 0%, #198947 100%) !important;
}
/* Pillar hero: garante centro */
.unika-pillar-hero {
  text-align: center !important;
}
.unika-pillar-hero > * { text-align: center !important; }

/* === UNIKA HUB BALANCED LAYOUT 2026-05-16 v2 === */
.unika-hub-grid {
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
}
@media (max-width: 900px) {
  .unika-hub-grid { grid-template-columns: 1fr 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-grid { grid-template-columns: 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 1 !important; }
}
/* Aplicativos column has 2 internal sub-columns (because it's wider now) */
.unika-hub-col:first-child ul {
  column-count: 2 !important;
  column-gap: 2rem !important;
}
@media (max-width: 900px) {
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-col:first-child ul { column-count: 1 !important; }
}

/* === UNIKA HUB BALANCED v3 2026-05-16 (3 sub-cols apps) === */
.unika-hub-grid {
  grid-template-columns: 3fr 1fr 1fr 1fr !important;
}
.unika-hub-col:first-child ul {
  column-count: 3 !important;
  column-gap: 1.5rem !important;
}
@media (max-width: 1100px) {
  .unika-hub-grid { grid-template-columns: 2fr 1fr 1fr 1fr !important; }
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 900px) {
  .unika-hub-grid { grid-template-columns: 1fr 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 2 !important; }
  .unika-hub-col:first-child ul { column-count: 2 !important; }
}
@media (max-width: 540px) {
  .unika-hub-grid { grid-template-columns: 1fr !important; }
  .unika-hub-col:first-child { grid-column: span 1 !important; }
  .unika-hub-col:first-child ul { column-count: 1 !important; }
}

/* === UNIKA HIDE DUPLICATE FEATURED IMG IN PILLARS 2026-05-16 === */
/* As 5 pillar pages (1840, 1838, 1836, 1834, 1832) usam template default agora */
/* Esconder featured image renderizada pelo page.php padrão — hero novo já está no body */
body.page-id-1840 .post-thumbnail,
body.page-id-1838 .post-thumbnail,
body.page-id-1836 .post-thumbnail,
body.page-id-1834 .post-thumbnail,
body.page-id-1832 .post-thumbnail,
body.page-id-1840 .featured-image,
body.page-id-1838 .featured-image,
body.page-id-1836 .featured-image,
body.page-id-1834 .featured-image,
body.page-id-1832 .featured-image,
body.page-id-1840 article > .post-thumbnail,
body.page-id-1838 article > .post-thumbnail,
body.page-id-1836 article > .post-thumbnail,
body.page-id-1834 article > .post-thumbnail,
body.page-id-1832 article > .post-thumbnail {
  display: none !important;
}
/* Também esconde se vier como img direto no início da entry-content */
body.page-id-1840 .entry-content > .wp-post-image:first-child,
body.page-id-1838 .entry-content > .wp-post-image:first-child,
body.page-id-1836 .entry-content > .wp-post-image:first-child,
body.page-id-1834 .entry-content > .wp-post-image:first-child,
body.page-id-1832 .entry-content > .wp-post-image:first-child {
  display: none !important;
}

/* === UNIKA PILLAR CTA BTN NUCLEAR FIX 2026-05-16 === */
/* Override entry-content link rules que sobrepunham o botao verde */
body.unika-2026 .pillar-cta-wrap {
  text-align: center !important;
  margin: 1.5rem auto !important;
  max-width: 100% !important;
}
body.unika-2026 .entry-content .pillar-cta-btn,
body.unika-2026 .entry-content p a.pillar-cta-btn,
body.unika-2026 .entry-content li a.pillar-cta-btn,
.pillar-cta-btn,
a.pillar-cta-btn {
  display: inline-block !important;
  background: linear-gradient(135deg, #25D366 0%, #1ea952 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 1rem 1.75rem !important;
  border-radius: 12px !important;
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  border-bottom: none !important;
  text-underline-offset: 0 !important;
  box-shadow: 0 4px 16px rgba(37,211,102,0.3) !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body.unika-2026 .entry-content .pillar-cta-btn:hover,
body.unika-2026 .entry-content p a.pillar-cta-btn:hover,
.pillar-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(37,211,102,0.45) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #1ea952 0%, #198947 100%) !important;
}
/* Pillar hero: garante centro */
.unika-pillar-hero {
  text-align: center !important;
}
.unika-pillar-hero > * { text-align: center !important; }

/* === UNIKA TITLE CENTER NUCLEAR v3 2026-05-16 (max specificity) === */
html body.unika-2026 .page-header,
html body.unika-2026 .page-header *,
html body.unika-2026 .page-header .container,
html body.unika-2026 .page-header .container *,
html body.unika-2026 .page-header [class*="col-"],
html body.unika-2026 div.page-header,
html body.unika-2026 div.page-header div,
html body.unika-2026 div.page-header h1,
html body.unika-2026 div.page-header h1.page-title,
html body.page div.page-header,
html body.page div.page-header h1,
html body.page div.page-header h1.page-title,
html body.single div.page-header,
html body.single div.page-header h1,
html body.single div.page-header h1.page-title {
  text-align: center !important;
}
html body.unika-2026 .page-header h1.page-title,
html body.unika-2026 div.page-header h1,
html body.page .page-header h1.page-title,
html body.single .page-header h1.page-title {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto 0.5rem auto !important;
  padding: 0 !important;
  float: none !important;
}
html body.unika-2026 .page-header .breadcrumbs,
html body.page .page-header .breadcrumbs,
html body.single .page-header .breadcrumbs {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  margin: 0.5rem auto 0 !important;
}

