/*
Theme Name: Examen Digital
Theme URI: https://examendigital.com
Description: Astra child theme - Tonalidad calida premium para cursos PNP
Author: Examen Digital
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
*/

/* ===== SISTEMA TONAL COMPLETO - ASTRA CHILD ===== */

/* --- CSS VARIABLES --- */
:root {
  --color-primary: #2D2520;
  --color-accent: #C8963E;
  --color-bg: #FBF7F0;
  --color-bg-alt: #F8F3EB;
  --color-white: #FFFFFF;
  --color-text: #2D2520;
  --color-text-secondary: #6B5E53;
  --color-border: #E8E2D8;
  --color-border-light: #F0EBE2;
  --color-footer: #2D2520;
}

/* --- BASE --- */
html, body, #page, .site, .site-content, .ast-container, .ast-separate-container,
#primary, .content-area, .ast-plain-container {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.entry-content, .ast-article-single, .ast-article-post, .hentry, .post, .page,
.site-main, .ast-row, .ast-builder-grid-row-container, .ast-single-post {
  background: transparent !important;
}

/* --- TYPOGRAPHY --- */
h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .widget-title,
.site-title a, .ast-site-title-wrap a {
  color: var(--color-primary) !important;
}

p, .entry-content p, .ast-article-post p, .site-description {
  color: var(--color-text-secondary) !important;
}

/* --- LINKS --- */
a, .entry-content a, .ast-builder-menu a, .menu-link, .widget a,
.comment-reply-link, .ast-breadcrumbs a {
  color: var(--color-primary) !important;
  transition: color 0.2s ease !important;
}

a:hover, .entry-content a:hover, .ast-builder-menu a:hover, .menu-link:hover,
.widget a:hover, .comment-reply-link:hover {
  color: var(--color-accent) !important;
}

/* --- HEADER --- */
.site-header, .ast-primary-header-bar, .main-header-bar, .ast-main-header-wrap,
.ast-mobile-header-wrap, .header-main-layout-1 .main-header-bar-wrap {
  background: var(--color-bg) !important;
  border-color: var(--color-border) !important;
}

/* --- FOOTER --- */
.site-footer, .ast-small-footer, .ast-footer-copyright, .footer-widget-area {
  background: var(--color-footer) !important;
  color: rgba(255,255,255,0.65) !important;
}

.site-footer a, .ast-small-footer a {
  color: rgba(255,255,255,0.8) !important;
}

.site-footer a:hover {
  color: var(--color-accent) !important;
}

/* --- BUTTONS --- */
.wp-block-button__link, .button, .btn, .ast-button, button, 
input[type="submit"], input[type="button"],
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, 
.woocommerce button.button.alt {
  background: var(--color-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
}

.wp-block-button__link:hover, .button:hover, .btn:hover, .ast-button:hover,
button:hover, input[type="submit"]:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--color-accent) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* --- FORMS --- */
input, textarea, select, .wp-block-search__input {
  background: var(--color-white) !important;
  color: var(--color-primary) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 4px !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--color-accent) !important;
  box-shadow: 0 0 0 2px rgba(200,150,62,0.15) !important;
  outline: none !important;
}

/* --- WOOCOMMERCE --- */
.woocommerce ul.products li.product, .products .product {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 4px !important;
  transition: border-color 0.2s ease, transform 0.2s ease !important;
}

.woocommerce ul.products li.product:hover {
  border-color: var(--color-accent) !important;
  transform: translateY(-2px);
}

.woocommerce-loop-product__title {
  color: var(--color-primary) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product .price {
  color: var(--color-accent) !important;
  font-weight: 700 !important;
}

.onsale, .woocommerce span.onsale {
  background: var(--color-accent) !important;
  color: #fff !important;
  border-radius: 4px !important;
}

.woocommerce-info, .woocommerce-message {
  border-top-color: var(--color-accent) !important;
  background: var(--color-bg) !important;
}

.woocommerce-info::before, .woocommerce-message::before {
  color: var(--color-accent) !important;
}

/* --- PAGINATION --- */
.woocommerce nav.woocommerce-pagination ul li span.current,
.nav-links .page-numbers.current {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-color: var(--color-primary) !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.nav-links .page-numbers:hover:not(.current) {
  background: var(--color-bg-alt) !important;
  color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
}

/* --- BLOCKQUOTE --- */
blockquote {
  border-left-color: var(--color-accent) !important;
  background: var(--color-bg-alt) !important;
}

/* --- WIDGETS --- */
.widget, .widget-area {
  background: transparent !important;
  color: var(--color-primary) !important;
}

/* --- MOBILE MENU --- */
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
  background: var(--color-primary) !important;
}

.ast-mobile-popup-drawer .menu-link {
  color: #fff !important;
}

.ast-mobile-popup-drawer .menu-link:hover {
  color: var(--color-accent) !important;
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar-thumb { background: var(--color-accent) !important; }
::-webkit-scrollbar-track { background: var(--color-bg) !important; }

/* --- SCROLL TO TOP --- */
.ast-scroll-to-top {
  background: var(--color-primary) !important;
  color: #fff !important;
}

.ast-scroll-to-top:hover {
  background: var(--color-accent) !important;
}

/* --- TABLES --- */
table th, table td { border-color: var(--color-border-light) !important; }
table th { background: var(--color-bg-alt) !important; color: var(--color-primary) !important; }
table td { color: var(--color-text) !important; }

/* --- BREADCRUMBS --- */
.ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper a {
  color: var(--color-text-secondary) !important;
}
.ast-breadcrumbs-wrapper a:hover { color: var(--color-accent) !important; }

/* --- COMMENTS --- */
.comments-area { background: var(--color-bg) !important; }
.comment-list .comment-body {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border-light) !important;
}
.comment-author .fn { color: var(--color-primary) !important; }

/* --- NAVIGATION --- */
.main-navigation ul li a { color: var(--color-primary) !important; }
.main-navigation ul li:hover > a { color: var(--color-accent) !important; }
.main-navigation ul ul, .main-header-menu .sub-menu {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border-light) !important;
}
.main-navigation ul ul a { color: var(--color-primary) !important; }

/* --- WORDPRESS CORE BLOCKS --- */
.wp-block-cover, .wp-block-group:not(.has-background) {
  background: transparent !important;
}

.wp-block-separator { border-color: var(--color-border) !important; }
pre, code { background: var(--color-bg-alt) !important; color: var(--color-primary) !important; }

/* --- FOCUS --- */
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--color-accent) !important;
  outline-offset: 2px !important;
}