/*
Theme Name: escotr
Author:
Description: Your description goes here
Version: 1.0
Template: newsup

This is the child theme for Newsup theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* ===========================================================
   ESCOTR THEME OVERRIDES
   (todos los estilos van bajo .escotr para ganarle al padre)
   =========================================================== */

.escotr {
    --escotr-primary: #00c2b7;
    --escotr-primary-dark: #008b82;
    --escotr-primary-soft: #e6fbfa;
    --escotr-text: #102a43;
    --escotr-muted: #6d7b8f;
    --escotr-bg: #f4fbff;
    --escotr-border: #dce7ef;
    --escotr-header-bg: #003b49; /* oscuro, tirando a turquesa */
    --escotr-ink: #212525;
}

/*==================== Limitacion tamño ====================*/

/* 1) Caja central: máximo 1200px */
html.escotr #page,
html.escotr .site {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* 2) Un poco menos de margen lateral para que no quede tan apretado */
html.escotr .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

/* 3) En pantallas MUY anchas, baja un pelín la escala de fuente */
@media (min-width: 1600px) {
    html.escotr {
        font-size: 95%;
    }
}



/********************************************
 * ESCOTR: Overrides de color del tema padre
 * Sustituye #1151d3 / #002954 por paleta Escotr
 ********************************************/

/*==================== Site Title / Footer =======================*/
.escotr body .site-title-footer a,
.escotr body .site-description-footer {
    color: #fff;
}

/*==================== Top Bar / Header ====================*/

/* Barra superior (fecha/hora) + menú principal + banda detrás del logo */
.escotr .mg-headwidget .mg-head-detail,
.escotr .mg-headwidget .navbar-wp,
.escotr .mg-nav-widget-area-back {
    background-color: var(--escotr-header-bg);
}
/* End Barra superior (fecha/hora) + menú principal + banda detrás del logo */

.escotr .mg-head-detail .info-left li span.time {
    background: var(--escotr-primary);
    color: #fff;
}

.escotr .mg-headwidget .mg-head-detail {
    background: var(--escotr-header-bg);  /* si luego quieres lo aclaramos también */
}

.escotr .mg-headwidget .mg-head-detail .info-right li a:hover,
.escotr .mg-headwidget .mg-head-detail .info-right li a:focus {
    color: var(--escotr-primary);
}

.escotr .header-widget .mg-header-box .mg-social span.icon-soci:hover a,
.escotr .header-widget .mg-header-box .mg-social span.icon-soci:focus a {
    color: var(--escotr-primary);
}

.escotr .mg-headwidget.center .navbar-wp {
    background: var(--escotr-primary);
}

/*=== navbar Header colors ===*/
.escotr .mg-headwidget .navbar-wp {
    background: var(--escotr-header-bg); /* cabecera oscura, mantenemos base */
}

.escotr .mg-headwidget .navbar-wp .navbar-nav > li> a {
    color: rgba(255,255,255,0.71);
}

.escotr .mg-headwidget .navbar-wp .navbar-nav > li > a:hover,
.escotr .mg-headwidget .navbar-wp .navbar-nav > li > a:focus,
.escotr .mg-headwidget .navbar-wp .navbar-nav > .active > a,
.escotr .mg-headwidget .navbar-wp .navbar-nav > .active > a:hover,
.escotr .mg-headwidget .navbar-wp .navbar-nav > .active > a:focus {
    color: #fff;
    background: var(--escotr-primary);
}

/* Botón buscar en header */
.escotr .mg-search-box .btn {
    background: var(--escotr-primary);
    border-color: var(--escotr-primary);
    color: #fff;
}

/* Botón home en móviles */
.escotr .mobilehomebtn {
    background: var(--escotr-primary);
    color: #fff;
}

/*==================== Categorías / Badges ====================*/
.escotr a.newsup-categories.category-color-1 { background: var(--escotr-primary); }

/* Si quieres armonizar todas las categorías con Escotr (opcional): */
.escotr a.newsup-categories.category-color-2,
.escotr a.newsup-categories.category-color-3,
.escotr a.newsup-categories.category-color-4 {
    background: #00a39c; /* un tono derivado, suave */
}

/*==================== Navbar dropdown ====================*/
.escotr .navbar-wp .dropdown-menu > .active > a,
.escotr .navbar-wp .dropdown-menu > .active > a:hover,
.escotr .navbar-wp .dropdown-menu > .active > a:focus,
.escotr .navbar-wp .dropdown-menu > li > a:hover,
.escotr .navbar-wp .dropdown-menu > li > a.bg-light:hover,
.escotr .navbar-wp .dropdown-menu li a.bg-light:hover {
    background: var(--escotr-primary) !important;
    color: #fff !important;
}

/*==================== Body & enlaces ====================*/
.escotr a {
    color: var(--escotr-primary);
}
.escotr a:hover,
.escotr a:focus {
    color: var(--escotr-primary-dark);
}

/* Inputs / focus */
.escotr input:not([type]),
.escotr input[type="email"],
.escotr input[type="number"],
.escotr input[type="password"],
.escotr input[type="tel"],
.escotr input[type="url"],
.escotr input[type="text"],
.escotr textarea {
    border-color: #eef3fb;
}

.escotr .form-control:hover,
.escotr textarea:hover,
.escotr input:not([type]):hover,
.escotr input[type="email"]:hover,
.escotr input[type="number"]:hover,
.escotr input[type="password"]:hover,
.escotr input[type="tel"]:hover,
.escotr input[type="url"]:hover,
.escotr input[type="text"]:hover,
.escotr input:not([type]):focus,
.escotr input[type="email"]:focus,
.escotr input[type="number"]:focus,
.escotr input[type="password"]:focus,
.escotr input[type="tel"]:focus,
.escotr input[type="url"]:focus,
.escotr input[type="text"]:focus,
.escotr .form-control:focus {
    border-color: var(--escotr-primary);
}

/* Botones globales */
.escotr input[type="submit"],
.escotr input[type="reset"],
.escotr button,
.escotr .btn,
.escotr .btn-theme,
.escotr .more_btn,
.escotr .more-link {
    background: var(--escotr-primary);
    border-color: var(--escotr-primary);
    color: #fff;
}

.escotr input[type="submit"]:hover,
.escotr input[type="reset"]:hover,
.escotr button:hover,
.escotr input[type="submit"]:focus,
.escotr input[type="reset"]:focus,
.escotr button:focus,
.escotr .btn-theme:hover,
.escotr .btn-theme:focus,
.escotr .more_btn:hover,
.escotr .more_btn:focus,
.escotr .more-link:hover,
.escotr .more-link:focus {
    background: var(--escotr-primary-dark);
    border-color: var(--escotr-primary-dark);
    color: #fff;
}

/* Blockquote */
.escotr blockquote,
.escotr blockquote.wp-block-quote {
    border-color: var(--escotr-primary);
}
.escotr blockquote::before,
.escotr blockquote::after {
    color: var(--escotr-primary);
}

/* Botón modal de búsqueda */
.escotr .mg-search-modal .mg-search .btn {
    background: var(--escotr-primary);
}
.escotr .mg-search-modal .mg-search .btn:hover {
    background: var(--escotr-primary-dark);
}

/*==================== Latest news bar ====================*/
.escotr .mg-latest-news .bn_title {
    background-color: var(--escotr-primary);
}
.escotr .mg-latest-news .bn_title span {
    border-left-color: var(--escotr-primary);
    border-color: transparent transparent transparent var(--escotr-primary);
}
.escotr .mg-latest-news .mg-latest-news-slider a::before,
.escotr .mg-latest-news .mg-latest-news-slider a::after,
.escotr .mg-latest-news .mg-latest-news-slider a span {
    color: var(--escotr-primary);
}

/*==================== Section titles / widgets ====================*/
.escotr .mg-sec-title {
    border-color: var(--escotr-primary);
}
.escotr .mg-sec-title h4 {
    background-color: var(--escotr-primary);
    color: #fff;
}
.escotr .mg-sec-title h4::before {
    border-left-color: var(--escotr-primary);
    border-color: transparent transparent transparent var(--escotr-primary);
}

/* Sidebar widget titles */
.escotr .mg-sidebar .mg-widget .wtitle,
.escotr .mg-sidebar .mg-widget h6,
.escotr .wp-block-search .wp-block-search__label,
.escotr .mg-widget .wp-block-group h2 {
    background: var(--escotr-primary);
    color: #fff;
    border-color: var(--escotr-primary);
}
.escotr .mg-wid-title {
    border-color: var(--escotr-primary);
}
.escotr .mg-sidebar .mg-widget h6::before,
.escotr .mg-sidebar .mg-widget .wtitle::before,
.escotr .wp-block-search .wp-block-search__label::before,
.escotr .mg-widget .wp-block-group h2::before {
    border-left-color: var(--escotr-primary);
    border-color: transparent transparent transparent var(--escotr-primary);
}
.escotr .wp-block-search .wp-block-search__label::after,
.escotr .mg-widget .wp-block-group h2::after {
    background-color: var(--escotr-primary);
}

/* Tags del sidebar / tag cloud */
.escotr .mg-sidebar .mg-widget .mg-widget-tags a,
.escotr .mg-sidebar .mg-widget .tagcloud a,
.escotr .wp-block-tag-cloud a,
.escotr .mg-widget .wp-block-tag-cloud a {
    background: #f3eeee;
    color: var(--escotr-primary);
    border-color: #f3eeee;
}
.escotr .wp-block-tag-cloud a:hover,
.escotr .wp-block-tag-cloud a:focus,
.escotr .mg-widget .wp-block-tag-cloud a:hover,
.escotr .mg-sidebar .mg-widget .mg-widget-tags a:hover,
.escotr .mg-sidebar .mg-widget .tagcloud a:hover,
.escotr .mg-sidebar .mg-widget .mg-widget-tags a:focus,
.escotr .mg-sidebar .mg-widget .tagcloud a:focus {
    color: #fff;
    background: var(--escotr-primary);
    border-color: var(--escotr-primary);
}

/*==================== Posts / meta ====================*/
.escotr .mg-blog-post-box h4.title:hover,
.escotr .mg-blog-post-box h4.title a:hover,
.escotr .mg-blog-post-box h4.title:focus,
.escotr .mg-blog-post-box h4.title a:focus,
.escotr .mg-blog-meta a:hover,
.escotr .mg-blog-meta a:focus,
.escotr .title_small_post h5 a:hover,
.escotr .mg-posts-sec .small-post-content h5 a:hover,
.escotr .featured_cat_slider a:hover {
    color: var(--escotr-primary);
}

.escotr .mg-blog-category a {
    background: var(--escotr-primary);
    color: #fff;
}

/* Comentarios */
.escotr .comments-area .comment-meta .comment-author img {
    border-color: var(--escotr-primary);
}
.escotr .comment-body .reply a {
    color: #fff;
    background: var(--escotr-primary);
}
.escotr .comment-body .reply a:hover,
.escotr .comment-body .reply a:focus {
    background: #202f5b;
}

/*==================== Paginación ====================*/
.escotr .navigation.pagination .nav-links .page-numbers:hover,
.escotr .navigation.pagination .nav-links .page-numbers:focus,
.escotr .navigation.pagination .nav-links .page-numbers.current,
.escotr .navigation.pagination .nav-links .page-numbers.current:hover,
.escotr .navigation.pagination .nav-links .page-numbers.current:focus,
.escotr .single-nav-links a.current,
.escotr .single-nav-links span.current,
.escotr .single-nav-links a:hover,
.escotr .single-nav-links span:hover,
.escotr .pagination > .active > a,
.escotr .pagination > .active > span,
.escotr .pagination > .active > a:hover,
.escotr .pagination > .active > span:hover,
.escotr .pagination > .active > a:focus,
.escotr .pagination > .active > span:focus {
    border-color: var(--escotr-primary);
    background: var(--escotr-primary);
    color: #fff;
}

/*==================== Footer ====================*/
.escotr footer .mg-widget ul li a:hover,
.escotr footer .mg-widget ul li a:focus {
    color: var(--escotr-primary);
}

.escotr footer .mg-widget .mg-widget-tags a,
.escotr footer .mg-widget .tagcloud a {
    background: #fff;
    color: var(--escotr-primary);
    border-color: #fff;
}
.escotr footer .mg-widget .mg-widget-tags a:hover,
.escotr footer .mg-widget .tagcloud a:hover,
.escotr footer .mg-widget .mg-widget-tags a:focus,
.escotr footer .mg-widget .tagcloud a:focus {
    color: #fff;
    background: var(--escotr-primary);
    border-color: var(--escotr-primary);
}

.escotr footer .mg-widget h6,
.escotr footer .mg-widget .wtitle {
    background: var(--escotr-primary);
    color: #fff;
}
.escotr footer .mg-widget h6::before {
    border-left-color: var(--escotr-primary);
    border-color: transparent transparent transparent var(--escotr-primary);
}
.escotr footer .mg-widget h6::after {
    background-color: var(--escotr-primary);
}

.escotr footer .mg-footer-copyright a:hover,
.escotr footer .mg-footer-copyright a:focus {
    color: #fff;
}

/* Botón scroll to top */
.escotr .ta_upscr {
    background: var(--escotr-primary);
    border-color: var(--escotr-primary);
    color: #fff !important;
}
.escotr .ta_upscr:hover,
.escotr .ta_upscr:focus {
    border-color: var(--escotr-primary-dark);
}

/*==================== WooCommerce ====================*/
.escotr .woocommerce-page .woocommerce-message a {
    background-color: var(--escotr-primary);
}
.escotr .woocommerce-page .woocommerce-message a:hover,
.escotr .woocommerce-page .woocommerce-message a:focus {
    background-color: var(--escotr-primary-dark);
}

.escotr .woocommerce-page .woocommerce-message {
    /* el fondo verde lo dejo, solo cambiamos botones */
}

.escotr .woocommerce-page .woocommerce-error a {
    background-color: #F47565;
}

.escotr .woocommerce-page .woocommerce-info a {
    background-color: #5fb8dd;
}

/* Botones y acciones Woo */
.escotr .woocommerce nav.woocommerce-pagination ul li a:focus,
.escotr .woocommerce nav.woocommerce-pagination ul li a:hover,
.escotr .woocommerce nav.woocommerce-pagination ul li span.current,
.escotr .woocommerce #respond input#submit,
.escotr .woocommerce a.button.alt,
.escotr .woocommerce button.button.alt,
.escotr .woocommerce input.button.alt,
.escotr .woocommerce .cart .button,
.escotr .woocommerce .cart input.button,
.escotr .woocommerce a.button,
.escotr .woocommerce button.button,
.escotr .woocommerce input.button,
.escotr .woocommerce-page .products a.button,
.escotr .woocommerce .products span.onsale,
.escotr .woocommerce span.onsale {
    background: var(--escotr-primary);
    color: #fff;
}

/* Bordes activos Woo */
.escotr .woocommerce-cart table.cart td.actions .coupon .input-text:hover,
.escotr .woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.escotr .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.escotr .woocommerce nav .woocommerce-pagination ul li a:focus,
.escotr .woocommerce nav .woocommerce-pagination ul li a:hover,
.escotr .woocommerce nav.woocommerce-pagination ul li span.current,
.escotr .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.escotr .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    border-color: var(--escotr-primary);
    background: var(--escotr-primary);
}

/* Woo sliders de precio */
.escotr .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--escotr-primary);
}
.escotr .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: var(--escotr-primary);
}

/* Botones search en widgets Woo / WPForms */
.escotr .mg-sidebar .mg-widget.widget_search .btn,
.escotr footer .mg-widget.widget_search .btn,
.escotr div.wpforms-container-full .wpforms-form button[type=submit] {
    background: var(--escotr-primary);
    border-color: var(--escotr-primary);
    color: #fff;
}
.escotr .mg-sidebar .mg-widget.widget_search .btn:hover,
.escotr .mg-sidebar .mg-widget.widget_search .btn:focus,
.escotr footer .mg-widget.widget_search .btn:hover,
.escotr footer .mg-widget.widget_search .btn:focus,
.escotr div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.escotr div.wpforms-container-full .wpforms-form button[type=submit]:focus {
    background: var(--escotr-primary-dark);
    border-color: var(--escotr-primary-dark);
}

/* Buscador Gutenberg */
.escotr .wp-block-search .wp-block-search__input:hover,
.escotr .wp-block-search .wp-block-search__input:focus {
    border-color: var(--escotr-primary);
}
.escotr .wp-block-search .wp-block-search__button {
    background: var(--escotr-primary);
    border-color: var(--escotr-primary);
    color: #fff;
}
.escotr .wp-block-search .wp-block-search__button:hover,
.escotr .wp-block-search .wp-block-search__button:focus {
    background: var(--escotr-primary-dark);
    border-color: var(--escotr-primary-dark);
    color: #fff;
}

.escotr .small-list-post h5.title, .escotr .small-list-post h5.title a,  .escotr .small-post .title,
.escotr .small-post .title a {
    color: var(--escotr-ink);
}


.escotr .sidebar-sticky {
    position: sticky;
    align-self: flex-start;
    top: 0;
}