/*
Theme Name: Mis Recetas
Theme URI: https://misrecetas.einaweb.com
Author: Antigravity for Einaweb
Description: Tema Premium para gestión de recetas — Edición Editorial Premium (Light).
Version: 1.6 (Light)
Text Domain: misrecetas
*/

/* WordPress Core Alignment Styles */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.wp-caption { background: #fdfdfd; border: 1px solid #e7e5e4; padding: 5px; text-align: center; border-radius: 12px; }
.wp-caption p.wp-caption-text { font-size: 11px; color: #57534e; padding: 10px 0; }

/* Responsive Base Typography */
:root { font-size: 16px; }

@media (min-width: 1280px) { :root { font-size: 16px; } } /* Full HD+ stays crisp */
@media (min-width: 1920px) { :root { font-size: 17px; } } /* 2K subtle increase */
@media (min-width: 2560px) { :root { font-size: 18px; } } /* 4K moderate increase */

body { font-size: 1rem; line-height: 1.6; }
h1, h2, h3, h4, .font-serif { line-height: 1.1; }

/* Custom Overrides for LIGHT standard WordPress Pagination */
.navigation.pagination { margin: 60px 0; }
.nav-links { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.nav-links a, .nav-links span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 52px; height: 52px; padding: 0 20px;
    background: #ffffff; border: 1px solid #e7e5e4; border-radius: 16px;
    color: #57534e; text-decoration: none; font-weight: 700; font-size: 0.95rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-links a:hover { border-color: #ea580c; color: #ea580c; background: #fff7ed; transform: translateY(-3px); }
.nav-links .current { background: #1c1917; color: #fff; border-color: #1c1917; box-shadow: 0 8px 25px rgba(28, 25, 23, 0.15); }

/* Custom Scrollbar for Light Mode */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #fafaf9; }
::-webkit-scrollbar-thumb { background: #e7e5e4; border-radius: 10px; border: 2px solid #fafaf9; }
::-webkit-scrollbar-thumb:hover { background: #ea580c; }

/* Global Selection */
::selection { background-color: #ea580c; color: #ffffff; }

/* Smooth page transitions base */
.animate-in { animation-duration: 0.8s; animation-fill-mode: both; }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes zoom-in { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes slide-in-from-left { from { transform: translateX(-20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes slide-in-from-right { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes slide-in-from-bottom { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.fade-in { animation-name: fade-in; }
.zoom-in { animation-name: zoom-in; }
.slide-in-from-left { animation-name: slide-in-from-left; }
.slide-in-from-right { animation-name: slide-in-from-right; }
.slide-in-from-bottom { animation-name: slide-in-from-bottom; }