/* =====================================================
   Dicas pra Pets — Brand CSS Completo
   dicasparapets.com.br
   Brand: "Confiança Natural" (Teal + Coral + Verde Salvia)
   Aprovado: 15/02/2026
   ===================================================== */

/* --- CSS Variables --- */
:root {
    --pet-teal-dark: #0F766E;
    --pet-teal: #0D9488;
    --pet-teal-light: #14B8A6;
    --pet-coral: #F97066;
    --pet-coral-light: #FCA5A1;
    --pet-nature-dark: #5A7A50;
    --pet-nature: #7C9A72;
    --pet-nature-light: #95B38B;
    --pet-nature-bg: #F4F7F2;
    --pet-bg: #FDFCFA;
    --pet-bg-warm: #FFF7ED;
    --pet-text: #292524;
    --pet-text-secondary: #6B7466;
    --pet-border: #E4E5DF;
    --pet-radius-card: 16px;
    --pet-radius-button: 50px;
    --pet-radius-thumb: 12px;
    --pet-shadow-teal: 0 4px 20px rgba(13,148,136,0.1);
    --pet-shadow-nature: 0 4px 20px rgba(124,154,114,0.12);
    --pet-shadow-cta: 0 4px 20px rgba(249,112,102,0.3);
    --pet-transition: 0.2s ease;
}

/* --- Base / Body --- */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    line-height: 1.7;
    color: var(--pet-text);
    background-color: var(--pet-bg);
}

/* --- Typography --- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.widget-title,
.section-title,
.wp-block-heading {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 700;
    color: var(--pet-text);
}

h1, .entry-title { font-weight: 800; }

p, .entry-content, .widget {
    font-family: 'Inter', sans-serif !important;
}

/* Lora — quotes e destaques saúde */
blockquote,
.health-highlight,
.wp-block-quote,
.wp-block-pullquote {
    font-family: 'Lora', serif !important;
    font-style: italic;
    font-weight: 500;
    border-left: 4px solid var(--pet-nature) !important;
    background: var(--pet-nature-bg);
    padding: 1.2em 1.5em;
    border-radius: var(--pet-radius-thumb);
}

/* --- Links --- */
a {
    color: var(--pet-teal);
    transition: color var(--pet-transition);
}
a:hover, a:focus {
    color: var(--pet-teal-dark);
}

.entry-content a {
    color: var(--pet-teal);
    text-decoration: underline;
    text-decoration-color: var(--pet-teal-light);
    text-underline-offset: 3px;
}
.entry-content a:hover {
    color: var(--pet-teal-dark);
    text-decoration-color: var(--pet-teal-dark);
}

/* --- Header --- */
.site-header,
header.site-header,
#masthead {
    border-bottom: 3px solid var(--pet-teal);
    background: #fff;
}

.site-title a,
.site-title {
    color: var(--pet-teal-dark) !important;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 800 !important;
}

.site-description {
    color: var(--pet-text-secondary);
}

/* --- Navigation --- */
.main-navigation a,
.primary-menu a,
nav a {
    color: var(--pet-text) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500;
    transition: color var(--pet-transition);
}
.main-navigation a:hover,
.primary-menu a:hover,
nav a:hover {
    color: var(--pet-teal) !important;
}

.current-menu-item > a,
.current_page_item > a {
    color: var(--pet-teal) !important;
    font-weight: 600;
}

/* --- Buttons (CTAs) --- */
.wp-block-button__link,
button,
input[type="submit"],
.btn,
.button,
.wp-element-button {
    background-color: var(--pet-coral) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--pet-radius-button) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    padding: 12px 28px;
    transition: all var(--pet-transition);
    box-shadow: none;
}
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
.btn:hover,
.button:hover,
.wp-element-button:hover {
    background-color: #E8635A !important;
    box-shadow: var(--pet-shadow-cta);
    transform: translateY(-1px);
}

/* Secondary buttons */
.btn-secondary,
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    color: var(--pet-teal) !important;
    border: 2px solid var(--pet-teal) !important;
}
.btn-secondary:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--pet-teal) !important;
    color: #fff !important;
}

/* --- Cards / Posts --- */
.post,
article.post,
.hentry,
.wp-block-post {
    border-radius: var(--pet-radius-card);
    border: 1px solid var(--pet-border);
    transition: box-shadow var(--pet-transition), transform var(--pet-transition);
    overflow: hidden;
}
.post:hover,
article.post:hover {
    box-shadow: var(--pet-shadow-teal);
    transform: translateY(-2px);
}

.post-thumbnail img,
.wp-post-image {
    border-radius: var(--pet-radius-thumb);
}

/* --- Categories / Tags --- */
.cat-links a,
.tag-links a,
.post-categories a,
.wp-block-post-terms a {
    background: rgba(13,148,136,0.1);
    color: var(--pet-teal-dark);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 500;
    transition: all var(--pet-transition);
    text-decoration: none;
}
.cat-links a:hover,
.tag-links a:hover,
.post-categories a:hover,
.wp-block-post-terms a:hover {
    background: var(--pet-teal);
    color: #fff;
}

/* --- Sidebar / Widgets --- */
.widget {
    border: 1px solid var(--pet-border);
    border-radius: var(--pet-radius-card);
    padding: 1.5em;
    margin-bottom: 1.5em;
    background: #fff;
}

.widget-title {
    color: var(--pet-teal-dark) !important;
    font-size: 1.1em;
    border-bottom: 2px solid var(--pet-teal-light);
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}

/* --- Footer --- */
.site-footer,
footer.site-footer,
#colophon {
    background: linear-gradient(135deg, var(--pet-teal-dark), var(--pet-nature-dark)) !important;
    color: #fff !important;
    padding: 3em 0 1.5em;
}

.site-footer a {
    color: var(--pet-teal-light) !important;
}
.site-footer a:hover {
    color: #fff !important;
}

.site-footer .widget-title {
    color: #fff !important;
    border-bottom-color: var(--pet-teal-light);
}

/* --- Forms / Inputs --- */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea,
select {
    border: 2px solid var(--pet-border);
    border-radius: var(--pet-radius-thumb);
    padding: 10px 16px;
    font-family: 'Inter', sans-serif;
    transition: border-color var(--pet-transition);
    background: #fff;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: var(--pet-teal);
    outline: none;
    box-shadow: 0 0 0 3px rgba(13,148,136,0.15);
}

/* --- Nature / Health Sections --- */
.nature-section,
.health-section {
    background: var(--pet-nature-bg);
    border-top: 3px solid var(--pet-nature);
    border-radius: var(--pet-radius-card);
    padding: 2em;
    margin: 2em 0;
}

/* --- Newsletter Section --- */
.newsletter-section,
.wp-block-group.newsletter {
    background: var(--pet-bg-warm);
    border-radius: var(--pet-radius-card);
    padding: 2.5em;
    text-align: center;
}

/* --- Selection --- */
::selection {
    background: var(--pet-teal);
    color: #fff;
}

/* --- Pagination --- */
.pagination a,
.nav-links a,
.page-numbers {
    border-radius: var(--pet-radius-button);
    padding: 8px 16px;
    transition: all var(--pet-transition);
}
.pagination a:hover,
.nav-links a:hover {
    background: var(--pet-teal);
    color: #fff;
}
.page-numbers.current {
    background: var(--pet-teal);
    color: #fff;
    border-radius: var(--pet-radius-button);
    padding: 8px 16px;
}

/* --- Breadcrumbs --- */
.breadcrumb,
.yoast-breadcrumb {
    color: var(--pet-text-secondary);
    font-size: 0.9em;
}
.breadcrumb a,
.yoast-breadcrumb a {
    color: var(--pet-teal);
}

/* --- Meta / Post Info --- */
.entry-meta,
.post-meta,
.byline,
.posted-on {
    color: var(--pet-text-secondary);
    font-size: 0.9em;
}

/* --- Scroll to top --- */
.scroll-to-top,
#scroll-top {
    background: var(--pet-teal) !important;
    color: #fff !important;
    border-radius: 50%;
}

/* --- Applied Theme Specific Overrides --- */
.applied-hero,
.hero-section {
    background: linear-gradient(135deg, var(--pet-teal-dark), var(--pet-teal), var(--pet-nature));
}

/* Trust bar */
.trust-bar {
    background: var(--pet-nature-bg);
    border: 1px solid var(--pet-border);
    border-radius: var(--pet-radius-card);
    padding: 1em 2em;
}

/* Author box */
.author-box,
.author-info {
    border: 1px solid var(--pet-border);
    border-radius: var(--pet-radius-card);
    padding: 1.5em;
    background: #fff;
}

.author-box .author-avatar img {
    border-radius: 50%;
    border: 3px solid var(--pet-teal-light);
}

/* --- Responsive --- */
@media (max-width: 768px) {
    h1, .entry-title { font-size: 1.6em; }
    .newsletter-section { padding: 1.5em; }
    .widget { padding: 1em; }
}