/*
Theme Name: Conecta On
Theme URI: https://agenciagoodea.com
Author: Agência Goodea
Author URI: https://agenciagoodea.com
Description: Desenvolvido por Agência Goodea — Tema proprietário do Conecta On CMS, provedor de internet fibra óptica. Desenvolvido para integração perfeita com o plugin Conecta On.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://agenciagoodea.com
Text Domain: conectaon
Tags: one-column, custom-colors, custom-logo, custom-menu, featured-images, theme-options, translation-ready

Conecta On WordPress Theme — Desenvolvido por Agência Goodea (https://agenciagoodea.com). Todos os direitos reservados.
*/

/* === Design Tokens === */
:root {
	--conecta-primary: #61CE70;
	--conecta-primary-dark: #197819;
	--conecta-brand-green: #61CE70;
	--conecta-secondary: #0E2434;
	--conecta-topbar-bg: #050505;
	--conecta-header-bg: #197819;
	--conecta-accent: #FFCB00;
	--conecta-background: #F8FAFC;
	--conecta-surface: #FFFFFF;
	--conecta-text: #0F172A;
	--conecta-text-secondary: #64748B;
	--conecta-border: #E2E8F0;
	--conecta-font-primary: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--conecta-font-accent: 'Sora', 'Lato', sans-serif;
	--conecta-font-body: 'Lato', sans-serif;
	--conecta-container-width: 1140px;
	--conecta-radius-sm: 6px;
	--conecta-radius-md: 8px;
	--conecta-radius-lg: 12px;
	--conecta-radius-pill: 9999px;
}

/* === Reset === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-family: var(--conecta-font-body); font-size: 16px; line-height: 1.5; color: var(--conecta-text); background-color: var(--conecta-background); scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { overflow-x: hidden; min-height: 100vh; display: flex; flex-direction: column; }
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--conecta-primary); text-decoration: none; transition: color 0.2s ease; }
a:hover { color: var(--conecta-primary-dark); }
ul, ol { list-style: none; }

/* === Container === */
.conecta-container {
	max-width: var(--conecta-container-width);
	margin: 0 auto;
	padding: 0 20px;
}

/* === Main Content Offset === */
.conecta-main-content {
	padding-top: 120px;
	flex: 1;
}

@media (max-width: 1024px) {
	.conecta-main-content { padding-top: 104px; }
}

/* === WP Admin Bar Coexistence === */
body.logged-in .conecta-header-wrapper { top: 32px; }
@media screen and (max-width: 782px) {
	body.logged-in .conecta-header-wrapper { top: 46px; }
}

/* === WordPress Core Overrides === */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 14px; color: var(--conecta-text-secondary); }
.sticky .entry-meta .sticky-label { display: none; }
.gallery-caption { font-size: 14px; }
.bypostauthor { display: block; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* === Mobile Layout Responsive Overrides === */
@media screen and (max-width: 768px) {
	html, body {
		overflow-x: hidden !important;
		width: 100% !important;
		position: relative !important;
	}

	.conecta-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	h1, .conecta-h1 {
		font-size: 28px !important;
		line-height: 1.25 !important;
	}

	h2, .conecta-h2 {
		font-size: 24px !important;
		line-height: 1.3 !important;
	}

	h3, .conecta-h3 {
		font-size: 20px !important;
	}

	.conecta-plans-grid,
	.conecta-footer-grid,
	.conecta-mobile-app-grid,
	.conecta-awards-container,
	.conecta-form-grid {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	.conecta-plan-card {
		transform: none !important;
		margin-bottom: 16px !important;
	}
}