/**
 * VDV Theme - Minimal Styles
 * Only essential Bootstrap customizations, typography, and WordPress compatibility
 */

/* Typography: Begum for headings, Misto for body
   Nota: las @font-face viven ahora en assets/css/fonts.css y se cargan solo si los archivos existen */
/* Bootstrap Color Customizations */

:root {
    /* Unificar primary con el definido en style.css (#202d47) */
    --bs-primary: #202d47;
    --bs-primary-rgb: 32, 45, 71;

    --bs-secondary: #64748b;
    --bs-success: #10b981;
    --bs-info: #06b6d4;
    --bs-warning: #f59e0b;
    --bs-danger: #ef4444;
    --bs-light: #f8fafc;
    --bs-dark: #1f2937;

    /* Enlaces usan el primary */
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
}

/* Fuerza de paleta para botones primarios basada en --bs-primary */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary), #000 12%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary), #000 14%);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary), #000 18%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary), #000 20%);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary), #000 10%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary), #000 12%);
}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title {
    font-family: 'Playfair Display', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}


/* Basic WordPress Block Compatibility */
.wp-block-group,
.wp-block-columns,
.wp-block-column {
    box-sizing: border-box;
}

/* WordPress alignment */
.alignleft {
    float: left;
    margin-right: 1rem;
}

.alignright {
    float: right;
    margin-left: 1rem;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive images */
img {
    height: auto;
    max-width: 100%;
}

/* Basic form styles */
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 8px 12px;
}

/* Accesibilidad: enlace de reset sutil */
.vdv-accessibility-reset {
    font-size: 0.875rem;
    opacity: 0.8;
}
.vdv-accessibility-reset:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Essential accessibility */
.skip-link {
    position: absolute;
    left: -9999px;
    z-index: 999999;
    padding: 8px 16px;
    background: var(--bs-dark);
    color: var(--bs-light);
    text-decoration: none;
}

.skip-link:focus {
    left: 6px;
    top: 7px;
}

/* Responsive columns */
@media (max-width: 576px) {
    .wp-block-columns {
        flex-direction: column;
    }
    
    .wp-block-column {
        flex-basis: auto !important;
        margin-bottom: 1rem;
    }
}