/*
Theme Name: Neumáticos José Luis
Theme URI: https://neumaticos-joseluis.es
Author: Neumáticos José Luis
Author URI: https://neumaticos-joseluis.es
Template: cras
Description: Tema hijo personalizado para la web corporativa de Neumáticos José Luis en Navalcarnero.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: four-columns, right-sidebar, left-sidebar, custom-background, featured-images, theme-options, accessibility-ready, custom-colors
Text Domain: neumaticos-joseluis
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* ==========================================================================
   1. DEFINICIÓN DE VARIABLES DE COLOR (TEMA HIJO)
   ========================================================================== */

:root {
    /* 1. Tu color principal en Hexadecimal (para fondos y textos normales) */
    --primary-color: #b3112c;

    /* 2. IMPORTANTE: Tu color principal en números RGB sueltos.
       Conversión actual: #b3112c  =>  R=179, G=17, B=44
       (Necesario para las transparencias rgba)
    */
    --primary-rgb: 179, 17, 44;
}

/* ==========================================================================
   2. CORRECCIONES PARA EL CSS ANTIGUO (style-original.css)
   ========================================================================== */

/* 2.1 Elementos con FONDO (Background) */
mark,
.wp-block-button__link,
.ak-munu_dropdown_toggle_1:before, 
.ak-munu_dropdown_toggle_1:after,
.sidebar__search-form input:focus,
.pagination > li a:hover,
.pagination > li a:focus,
.pagination > li a:active,
.pagination > li > span.current,
.blog-content .sticky-tag,
.entry-content .more-link:hover,
.entry-content .more-link:focus,
.entry-content .more-link:active,
.entry-content .post-password-form input[type="submit"],
.single-entry-content .post-password-form input[type="submit"],
.posts-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.form-submit .btn-mr:hover,
.entry-gallery .carousel .carousel-control-wrapper .carousel-control:hover i,
.go-top,
.go-top:hover,
.go-top:active,
.go-top:focus,
.widget-area .widget_search .search-form .search-submit:hover,
span.sticky-tag,
span.current span.page-number,
span.page-number:hover,
.srv-sidebar>.widget>.sidebar-title,
.slicknav_btn {
    background-color: var(--primary-color) !important;
}

/* 2.2 Elementos con TEXTO (Color) */
a:active,
a:hover, 
a:focus,
.wp-block-latest-comments__comment-date,
.has-text-color strong,
.wp-block-archives li a:hover, 
.wp-block-categories li a:hover, 
.wp-block-latest-comments li a:hover,
.wp-block-latest-posts li a:hover,
.blog-content a, 
.single-entry-content a, 
.blog-content a:hover, 
.single-entry-content a:hover,
.widget a:hover,
.blog-search input,
.widget_categories.sidebar__single a:hover,
.widget_tag_cloud .tagcloud>a:hover, 
.single-blog-list .tagcloud>a:hover,
.site-footer .widget_calendar table a:hover,
.site-info .footer-menu li a:hover,
.site-info .footer-menu li a:active,
.post-entry-meta a:hover,
.trackback p a:hover,
.wp-block-quote__citation, 
.wp-block-quote cite, 
.wp-block-quote footer, 
.wp-block-pullquote__citation, 
.wp-block-pullquote cite, 
.wp-block-pullquote footer,
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.sidebar-content ul li a:hover,
.comment-log a:hover,
#cancel-comment-reply-link:hover,
.comment-content a {
    color: var(--primary-color) !important;
}

/* 2.3 Elementos con BORDES (Border) */
.wp-block-button__link,
.is-style-outline .wp-block-button__link,
.sidebar__search-form input:focus,
.entry-content p .more-link:hover,
.entry-content p .more-link:focus,
.entry-content p .more-link:active,
.entry-content .post-password-form input[type="password"]:focus,
.single-entry-content .post-password-form input[type="password"]:focus,
.entry-content .post-password-form input[type="submit"],
.single-entry-content .post-password-form input[type="submit"],
.pagination > li a,
.entry-content .pagination > li > span,
.pagination > li > span,
.site-footer .widget_tag_cloud .tagcloud>a:hover,
.form-submit .btn-mr:hover,
.entry-gallery .carousel .carousel-control-wrapper .carousel-control:hover i {
    border-color: var(--primary-color) !important;
}

/* 2.4 Transparencia especial en style-original (Formulario password) */
.post-password-form input[type="password"] {
    border: 1px solid rgba(var(--primary-rgb), 0.44) !important;
}

.is-style-outline .wp-block-button__link:hover {
    color: var(--primary-color) !important;
    background: transparent !important;
}
.widget_categories.sidebar__single a:hover {
    background: transparent;
    color: var(--primary-color) !important;
}


/* ==========================================================================
   3. CORRECCIONES PARA EL NUEVO CSS (style2-original.css)
   ========================================================================== */

/* 3.1 Reemplazo de Hexadecimales Hardcoded (#ff3d24 -> Variable) */

/* Textos */
.ak-primary-color,
.ak-stroke-normal,
.ak-stroke-number,
.ak-stroke-number.color-white, /* stroke */
.stroke-heading-text, /* stroke */
.select-input-customize:focus, /* border color */
.select-input-customize option:visited,
.social-icon :hover path, /* fill */
.footer.style-1 .copy-right .social-icon :hover path, /* fill */
.pagination-style .current,
.service-card .card-info .card-title:hover,
.service-card-style-2 .service-desp .title:hover,
.social-hero .social-icon1:hover path, /* fill */
.social-hero-two .social-icon1:hover path, /* fill */
.ak-funfact.ak-style1 .ak-funfact-number,
.member-card .member-info .member-title .title:hover,
.member-card .member-info .member-info-social .icon:hover,
.blog-card .blog-body-info .blog-title:hover,
.company-tab .tabs .active-tab:after,
.custom-file .custom-file-upload,
.lg-custom-thumbnails .lg-icon:hover,
.video-gallery .gallery-img-content:hover .gallery-img-overlay svg path,
.ak-video-popup-close {
    color: var(--primary-color) !important;
    stroke: var(--primary-color); /* Para SVGs */
    fill: var(--primary-color);   /* Para iconos */
    border-color: var(--primary-color);
}

/* Fondos y Bordes sólidos */
.car-detail,
.car-detail.spoiler, /* border components */
.car-detail.center, /* border */
.loading-window, /* color text but used as loading */
.ak-primary-bg,
.ak-heartbeat-btn,
.ak-heartbeat-btn:before,
.ak-heartbeat-btn:after,
.primary-color-border,
.footer.style-1 .footer-email .footer-heading-email .email-form .submit-btn,
.common-btn,
.more-btn::after,
.next-prev-btn .button:hover,
.cta .cta-info .cta-btn,
.cta .border-pr,
.testimonal-title .border-pr,
/*.error-section .error-content, /* border-left */
.comming-section .comming-content .time-info .time-card { /* border-left */
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Bordes */

.error-section .error-content { /* border-left */
    border-left: 2px solid var(--primary-color) !important;
}

/* Caso especial: Spinner de carga y coche */
.car-detail.spoiler {
    border-bottom-color: var(--primary-color) !important;
    border-left-color: var(--primary-color) !important;
}

/* 3.2 Reemplazo de RGBA Hardcoded (Usando rgba(var(--primary-rgb), opacity)) */

/* Opacidad 0.7 */
.ak-primary-bg-hover:hover,
.ak-heartbeat-btn,
.ak-heartbeat-btn:before,
.ak-heartbeat-btn:after,
.btn-animation:hover, 
.cta .cta-info .cta-btn:hover,
.get-started-btn:hover,
.service-card-style-2.type-two, /* border-bottom */
.service-card-style-2.type-two .view-more-btn,
.service-card-style-2 .service-icon {
    background-color: rgba(var(--primary-rgb), 0.7) !important;
    border-color: rgba(var(--primary-rgb), 0.7);
}

/* Opacidad 0.6 */
.ak-pricing-slider .swiper-slide-active .pricing-card,
.pricing-card.active {
    background: rgba(var(--primary-rgb), 0.6) !important;
}

/* Opacidad 0.5 (Hover del servicio tipo 2) */
.service-card.type-two:hover::after {
    background-color: rgba(var(--primary-rgb), 0.5) !important;
}

/* Opacidad 0.44 (Bordes de formularios input/textarea) */
.contact-form .from-inputs .type_1 input,
.contact-form .from-inputs .type_1 input:focus,
.contact-form .from-textarea .type_1 textarea,
.contact-form .from-textarea .type_1 textarea:focus {
    border-color: rgba(var(--primary-rgb), 0.44) !important;
}

/* Opacidad 0.34 (Borde acordeón) */
.ak-accordion-item {
    border: 1px solid rgba(var(--primary-rgb), 0.34) !important;
}

/* Opacidad 0.1 (Fondo testimonial estilo 3) */
.ak-testimonal.style-three {
    background: rgba(var(--primary-rgb), 0.1) !important;
}