/*
Theme Name: Simtec
Theme URI: http://themes.framework-y.com/execoore/
Description: Execoore Child Theme
Author: Schiocco
Author URI: http://schiocco.com/
Template: execoore
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: execoore
*/

/* Global */

p {
    line-height: 1.2;
    text-align: justify !important;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

.three-col {
    display: flex;
    gap: 10px;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: nowrap;
}

@media (max-width: 992px) {
    .three-col {
        flex-direction: column;
    }

    .three-col .col br {
        display: none;
    }
}

.three-col .col {}

.cnt-box.boxed {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.grid-item .caption {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.cnt-box .btn-text:after {
    right: -10px;
    position: relative;
    top: 8px;
}

.post-type-archive-servicios .maso-box .maso-item {
    height: 460px;
}

.post-type-archive-servicios .maso-box .maso-item .caption {
    height: 52%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.post-type-archive-fluidos-repuestos .maso-box .maso-item {
    height: 450px;
}

.post-type-archive-fluidos-repuestos .maso-box .maso-item .caption {
    height: 47%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* START - NAVBAR */
body>nav {
    background-color: #223277 !important;
}

body>nav .menu-brand>a {
    height: 85px;
    display: flex;
}

body>nav .menu-brand img {
    max-height: 44px;
    margin-block: auto;
}

body>nav li.dropdown>a,
body>nav #main-menu>li>a {
    color: #FFF !important;
}

@media (min-width: 992px) {
    .menu-top-logo>.container>.menu-brand {
        background-color: #fff;
        width: 100%;
        right: 0;
    }

    .menu-top-logo>.container>.menu-brand a {
        right: 42%;
        width: 547px;
        position: absolute;
    }
}

@media (min-width: 1200px) {
    .menu-top-logo>.container>.menu-brand a {
        right: 50%;
    }
}

@media (max-width: 992px) {

    body>nav li.dropdown>a,
    body>nav #main-menu>li>a {
        color: #223277 !important;
    }

    body>nav .menu-brand img {
        max-height: 65%;
        margin-top: 16px;
    }
}

body>nav.menu-top-logo>.container::before {
    display: none;
}

/* END - NAVBAR */

/* START - HEADER */

/* END - HEADER */

/* START - SLIDER  */
.slider-background {
    background-color: #223277 !important;
    background-image: url("assets/png/slider-background.png") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Blend modes mix the base color with the image texture perfectly */
    background-blend-mode: hard-light;
    /* Alternatively, try 'soft-light' or 'overlay' */
}

/* END - SLIDER  */

/* START - SLIDER OPTIONS */
.section-slider-options.section-overflow-top {
    z-index: 1;
}

.section-slider-options.section-overflow-top .container {
    padding-bottom: 0;
}

.section-slider-options.section-overflow-top.header-background {
    background-color: #223277 !important;
}

.section-slider-options.section-overflow-top.header-background .cnt-box-top-icon.boxed>i {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    height: 170px;
    margin-top: 30px;
    padding-top: 0;
}

.section-slider-options .caption h2 {
    color: #0072bc;
    line-height: 1.2;
    font-size: 17px;

}

.section-slider-options .caption p {
    color: #223277;
    font-size: 12px;
    padding: 5px;
    min-height: 61px;
}

/* END - SLIDER OPTIONS */

/* START - SERVICES */
.section-services .container {
    padding-block: 50px;
}

.section-services p {
    color: #0072bc;
    font-size: 17px;
}

.section-services .caption h2 {
    line-height: 1.2;
}

.section-services .caption .cnt-info {
    display: none;
}

/* END - SERVICES */

/* START - TESTIMONIALS */
.section-testimonials .container {
    padding-block: 50px;
}

.section-testimonials .title h2 {
    color: #223277;
}

.section-testimonials .slider.glide.glide--swipeable .glide__bullets {
    display: none;
}

.section-testimonials .glide__slide .cnt-box-testimonials-bubble p {
    color: #0072bc
}

.section-testimonials .glide__slide .thumb-bar img {
    visibility: hidden;
}

.section-testimonials .glide__slide .thumb-bar p span:first-child {
    color: #0072bc;
}

.section-testimonials .glide__slide .thumb-bar p span:last-child {
    color: #223277;
}

/* END - TESTIMONIALS */

/* START - HOME CTA */
.home-cta {
    background-color: #223277 !important;
    color: #FFF !important;
    text-align: center;
}

.home-cta .container {
    padding-block: 50px;
}

.home-cta .title {
    margin-bottom: 10px;
}

.home-cta .title h2 {
    color: #FFF !important;
}

.home-cta p {
    font-size: 21px;
    text-align: center !important;
    color: #FFF !important;
}

.home-cta a {
    background-color: #0072bc;
    border-color: #0072bc;
    color: #FFF;
    border-radius: 10px;
    font-size: 25px;
    padding: 10px 50px;
}

/* END - HOME CTA */

/* START - FOOTER */
footer {
    background-color: #0072bc !important;
    color: #FFF !important;
}

footer a,
footer h3,
footer,
footer p,
footer ul {
    color: #FFF;
    line-height: 1.2;
}

footer ul.icon-list li:before {
    background-color: #FFF;
    left: 15px;
}

footer .col-lg-4:last-child {
    background-color: #223277;
}

footer .text-list-line li p {
    white-space: normal;
    line-height: 1;
}

/* END - FOOTER */

/* ==========================================================================
   Sidebar Widgets (Single Product) - Block & Classic Support
   ========================================================================== */

/* Hide default widget title */
body main .widget_product_categories>h2,
body main .widget_product_categories>h3,
body main .widget_block>h2,
body main .widget_block>h3 {
    display: none !important;
}

.menu-inner-vertical li>a {
    border-bottom: none;
}

/* Search Widget */
body main .widget_search form {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-bottom: 40px !important;
}

body main .widget_search .wp-block-search__inside-wrapper {
    display: flex !important;
    width: 100% !important;
}

body main .widget_search label,
body main .widget_search .wp-block-search__label {
    display: none !important;
}

body main .widget_product_search .search-field,
body main .widget_search .search-field,
body main .widget_search .wp-block-search__input {
    border: none !important;
    border-bottom: 2px solid #5bc2d1 !important;
    background: transparent !important;
    padding: 10px 0 !important;
    width: 100% !important;
    margin-right: 15px !important;
    margin-bottom: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #333 !important;
    border-radius: 0 !important;
}

body main .widget_product_search button,
body main .widget_search button,
body main .widget_product_search input[type="submit"],
body main .widget_search input[type="submit"],
body main .widget_search .wp-block-search__button {
    background-color: #144168 !important;
    /* Dark Navy Button */
    color: #fff !important;
    font-weight: bold !important;
    border: none !important;
    padding: 10px 25px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
}

/* Product Categories Widget / Navigation Blocks */
body main .widget_product_categories a,
body main .widget_block a {
    color: #223277 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-top: 30px !important;
    margin-bottom: 5px !important;
    text-decoration: none !important;
}

body main .widget_product_categories>ul>li:first-child>a,
body main .widget_block>ul>li:first-child>a,
body main .widget_block>div>ul>li:first-child>a {
    margin-top: 0 !important;
}

/* Remove default lists styling */
body main .widget_product_categories ul,
body main .widget_block ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body main .widget_product_categories ul li,
body main .widget_block ul li {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

body main .widget_product_categories ul li::before,
body main .widget_block ul li::before,
body main .widget_block ul li a::before {
    content: none !important;
    display: none !important;
}

body main .widget_product_categories .count,
body main .widget_block [class*="count"] {
    display: none !important;
}

/* Nested (Child) Category Styles */
body main .widget_product_categories .children a,
body main .widget_block .wp-block-navigation__submenu-container a,
body main .widget_block [class*="depth-1"] a,
body main .widget_block [class*="depth-2"] a,
body main .widget_block ul ul a {
    color: #288bb9 !important;
    font-size: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 15px 0 !important;
}

/* Lines and Spacing for Nested Lists */
body main .widget_product_categories .children,
body main .widget_block .wp-block-navigation__submenu-container,
body main .widget_block [class*="depth-1"],
body main .widget_block ul ul {
    border-top: 1px solid #c8d3db !important;
    padding-left: 0 !important;
    margin: 10px 0 0 0 !important;
    display: block !important;
}

/* Bottom line on child items */
body main .widget_product_categories .children li,
body main .widget_block .wp-block-navigation__submenu-container>.wp-block-navigation-item,
body main .widget_block [class*="depth-1"]>li,
body main .widget_block ul ul>li {
    border-bottom: 1px solid #c8d3db !important;
    width: 100% !important;
    display: block !important;
}

/* ============================================================
   Single Product Page - Header Override
   The HC plugin has 'body > header' rules that set height:350px
   and flex layout. Our .overlay-container uses position:relative
   and internal absolute-positioned layers, so we override the
   flex behavior when the header also has overlay-container class.
   ============================================================ */
body>header.overlay-container {
    display: block !important;
    height: 300px !important;
    max-height: 300px !important;
    min-height: 0 !important;
    overflow: hidden;
    position: relative;
}

/* Prevent the HC parallax scroll JS from growing the header.
   HC main.js sets margin-top = scrollY on .container inside header
   to create a fake parallax effect. We lock it to 0 since our header
   uses a real CSS background-image instead. */
body>header.overlay-container>.container,
body>header.overlay-container .overlay-content>.container {
    margin-top: 0 !important;
    position: relative;
    z-index: 2;
}

body>header.overlay-container .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}


body>header.overlay-container .bg-overlay.dark {
    background: rgba(0, 0, 0, 0.6);
}

body>header.overlay-container .overlay-content {
    position: relative;
    z-index: 2;
    padding: 80px 0 50px;
}

body>header.overlay-container .title-base h1 {
    color: #fff !important;
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

body>header.overlay-container hr.anima {
    border-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
}

body>header.overlay-container .woocommerce-breadcrumb,
body>header.overlay-container .breadcrumb,
body>header.header-base .breadcrumb {
    display: none !important;
}

body>header.overlay-container .woocommerce-breadcrumb a,
body>header.overlay-container .breadcrumb a {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none;
}

body>header.overlay-container .woocommerce-breadcrumb a:hover,
body>header.overlay-container .breadcrumb a:hover {
    color: #fff !important;
}

/* ==========================================================================
   WooCommerce Single Product Gallery Slider (Carousel)
   ========================================================================== */

.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 30px;
}

/* Fix for gallery layout */
.woocommerce-product-gallery .flex-viewport {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.woocommerce-product-gallery .flex-control-nav {
    display: flex !important;
    justify-content: flex-start !important;
    padding: 15px 0 0 0 !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.woocommerce-product-gallery .flex-control-nav li {
    flex: 0 0 100px;
    margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-nav li img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    border: 2px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.woocommerce-product-gallery .flex-control-nav li img.flex-active,
.woocommerce-product-gallery .flex-control-nav li img:hover {
    border-color: #0072bc !important;
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 114, 188, 0.2);
}

/* Lightbox trigger positioning */
.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.woocommerce-product-gallery__trigger:hover {
    transform: scale(1.1);
    background: #0072bc;
    color: #fff !important;
}

.woocommerce-product-gallery__trigger img {
    display: none;
    /* Hide default icon if theme provides font icon */
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .woocommerce-product-gallery .flex-control-nav li {
        flex: 0 0 80px;
    }

    .woocommerce-product-gallery .flex-control-nav li img {
        height: 80px !important;
    }
}

/* ==========================================================================
   WooCommerce Single Product Layout Restructuring
   ========================================================================== */

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

.woocommerce-product-details__short-description {
    margin-bottom: 30px;
    width: 100%;
}

.woocommerce-product-details__short-description p {
    font-size: 18px;
    color: #223277;
    text-align: left !important;
}