/*
Theme Name: Brite Flooring
Theme URI: http://drfuri.com/supro
Author: DrFuri
Author URI: http://drfuri.com
Description: Supro Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: supro
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: supro
*/


html, body {
    overflow-x: hidden;
}

/* ==========> TOP-HEADER <========== */
a.brite-contact-header {
    font-family: 'Montserrat';
    transition: color 0.5s ease;
}
a.brite-contact-header:hover {
    color: #fff;
}
.brite-contact-icon-header {
    margin-left: 15px;
}
a.bf-top-cta {
    border: 1px solid #cdb59f;
    color: #cdb59f;
    border-radius: 10px;
    padding: 2px 15px;
    transition: 0.5s ease;
}
a.bf-top-cta:hover {
    background: #cdb59f;
    color: #2F2114
}

/* ==========> HEADER <========== */
.site-header .menu-nav {
    justify-content: center;
}
.nav ul.menu > li > a:after {
    height: 4px;
    background-color: transparent;
}
header#masthead {
    box-shadow: 0px 0px 6px #74675b85;
}
.nav a, .nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a {
    font-weight: 500;
    letter-spacing: -0.5px;
}
.is-form-style input.is-search-input {
    color: #74675B;
    border: 1px solid #74675B!important;
    border-radius: 10px 0 0 10px;
}
.is-form-style input.is-search-submit, .is-search-icon {
    background: #67462a;
    border: 1px solid #67462a;
    border-radius: 0 10px 10px 0;
}
.is-form-style .is-search-submit path {
    fill: #fff;
}
/* ==========> SEARCH <========== */
div.is-ajax-search-details, div.is-ajax-search-result {
    background: #e0e2db;
    color: #74675B;
    border-radius: 10px;
    box-shadow: 0px 5px 5px #74675b8a;
}
.is-ajax-search-post, .is-ajax-search-post-details {
    border-bottom: 5px solid #e0e2db;
}
.is-show-more-results-text {
    background: #e0e2db;
}
.is-ajax-term-label {
    line-height: 18px !important;
}
.is-ajax-search-details a, .is-ajax-search-result a {
    color: #F87D11 !important;
}
.simplebar-content a {
    font-family: 'Montserrat';
    font-weight: 600;
}
.custom-search-product .more-info-btn {
    background-color: #fff !important;
    color: #F87D11 !important;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    border: 2px solid #F87D11;
    transition: 0.5s ease;
}
.custom-search-product .more-info-btn:hover {
    background-color: #F87D11 !important;
    color: #fff !important;
}
.site-main form.is-search-form.is-form-style.is-form-style-3.is-form-id-35174.is-ajax-search {
    display: none;
}
.page-header.page-header-default.text-center.no-bg.no-bg-tablet.no-bg-mobile.text-dark {
    background: linear-gradient(180deg, #74675B, transparent);
}
/* ==========> HOME <========== */
.swiper.fullwidth-swiper {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.fullwidth-swiper .swiper-wrapper,
.fullwidth-swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.fullwidth-swiper img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: center;
}

.fullwidth-swiper .centered-text h2 {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    color: #ffffff;
  }
  
  .fullwidth-swiper .centered-text h2 {
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
  }
  .briteflooring-titles-bar-dark h2 {
    text-align: center;
    text-transform: uppercase;
	  line-height: 1.8;
}
.briteflooring-titles-bar-light h2 {
    text-align: center;
    text-transform: uppercase;
	line-height: 1.8;
    padding-bottom: 20px;
}
.slider-wrapper {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  
  img.briteflooring-choose-img {
    width: 70px;
}
.briteflooring-home-choose-card {
    text-align: center;
}
.briteflooring-choose {
    font-size: 16px;
    text-align: center;
}
.explore-by-color-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 100%;
    margin: 40px auto;
}

.color-box {
    width: 17%;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.color-overlay {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.color-overlay::after {
    content: "";
    background-color: rgba(248, 125, 17, 0); /* transparente por defecto */
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    transition: background-color 0.3s ease;
    z-index: 1;
    border-radius: 10px;
}

.color-box:hover .color-overlay {
    transform: scale(1.08);
}

.color-overlay h2 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    z-index: 2;
    text-align: center;
    margin: 0;
}
.bf-pet {
    background: url('/wp-content/uploads/2025/05/brite-flooring-pet-friendly.webp');
}
.bf-water {
    background: url('/wp-content/uploads/2025/05/brite-flooring-waterproof.webp');
}
.bf-sound {
    background: url('/wp-content/uploads/2025/05/brite-flooring-soundproof.webp');
}
.bf-home-bar .container-fluid {
    max-width: unset;
}
.bf-home-bar-image.bf-pet, .bf-home-bar-image.bf-water, .bf-home-bar-image.bf-sound {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
.bf-home-bar-info {
    padding: 50px;
}
.bf-home-bar-info .vc_column-inner {
    justify-content: center;
}

/* ---> PRODUCTS GRID HOME <--- */

.category-grid {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  
  .category-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .category-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px;
    display: block;
    text-decoration: none;
    color: inherit;
  }
  
  .category-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 8px;
  }
  
  .category-box:hover img {
    transform: scale(1.1);
  }
  
  .category-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(116, 103, 91, 0.6);
    opacity: 0;
    transition: opacity 0.5s ease;
    border-radius: 8px;
  }
  
  .category-box:hover::after {
    opacity: 1;
  }
  
  .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    padding: 0 10px;
    z-index: 2;
  }
  
  .category-box:hover .overlay-text {
    opacity: 1;
  }
  
  /* Formas */
  .box-rectangular {
    width: 60%;
    height: 300px;
  }
  
  .box-square {
    width: 38%;
    height: 300px;
  }
  .briteflooring-title {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    z-index: 3;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  
  .category-box:hover .briteflooring-title {
    opacity: 0;
  }
  
  
  @media (max-width: 1024px) {
    .box-rectangular,
    .box-square {
      width: 45%;
      height: 250px;
    }
    img.briteflooring-choose-img {
        width: 100px;
    }
  }
  @media (max-width: 768px) {
    .fullwidth-swiper .centered-text h2 {
      font-size: 2rem;
    }
    .briteflooring-home-choose-card {
        padding-bottom: 20px;
    }
    .color-box {
        width: 100%;
    }
  }

  @media (max-width: 600px) {
    .box-rectangular,
    .box-square {
      width: 100%;
      height: 200px;
    }
  }

    
/* ----------> BAR <--------- */
.bf-home-bar-image {
    height: 400px;
}
.bf-home-bar-title h2, .bf-home-bar-text {
    color: #74675B;
}
a.bf-home-bar-cta {
    background: #74675B;
    font-weight: 900;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    width: 100%;
}
a.bf-home-bar-cta:hover {
    background: #67462a;
    color: #fff;
}
.bf-home-bar-contain .bf-home-bar-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ----------> EXPLORE COLLECTIONS <---------- */
.page-id-35539 ul.nav-filter.filter,
.bf-home-collection ul.nav-filter.filter {
    font-family: 'Montserrat';
    text-transform: uppercase;
}
.page-id-35539 ul.nav-filter li,
.bf-home-collection ul.nav-filter li {
    font-size: 20px !important;
    padding: 5px 30px !important;
    border-radius: 10px;
    margin: 10px 0;
}
.page-id-35539 ul.nav-filter li:hover, .page-id-35539 ul.nav-filter li.active,
.bf-home-collection ul.nav-filter li:hover, .bf-home-collection ul.nav-filter li.active {
    color: #fff;
    background-color: #67462a;
    border-radius: 10px;
    transition: background-color color 0.5s ease;
}
.mf-recently-products .product-list {
    border-radius: 10px;
}
.mf-recently-products .product-list .btn-secondary {
    color: #67462a;
    border: 1px solid #67462a;
    border-radius: 10px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border-radius: 10px;
}
.woocommerce ul.products li.product a img.image-hover {
    border-radius: 10px;
}
.mf-recently-products .product-list .btn-secondary:hover, .mf-recently-products .product-list .btn-secondary:focus, .mf-recently-products .product-list .btn-secondary:active, .mf-recently-products .product-list .btn-secondary:active:hover, .mf-recently-products .product-list .btn-secondary:active:focus {
    color: #fff;
    border: 1px solid #67462a;
    background-color: #67462a;
}
.bf-cta-text-panel {
    text-align: right;
    padding: 50px;
    color: #67462a;
}
.bf-home-bar-info .vc_column-inner {
    padding: 0px;
    justify-content: center !important;
}
/* ==========> CATALOG <========== */
#page-header-catalog .page-header-title h1 {
    display: none;
  }
  .woocommerce.archive .site-content {
    padding-top: 0;
  }
  .page-header-catalog.layout-2 .page-header-title {
    display: none;
}
  /* Mover sidebar a la izquierda sin romper la grilla de Supro */
.woocommerce.archive .site-main {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .sidebar-content .content-area {
    order: 1;
}
  /* Sidebar de WooCommerce (Product categories, filtros, etc) */
  .woocommerce.archive .sidebar {
    order: -1; /* Mover el sidebar visualmente antes */
    width: 25%;
  }
  
  /* Contenedor de productos */
  .woocommerce.archive .products {
    width: 100%;
  }
  nav.woocommerce-breadcrumb {
    text-align: center;
    padding: 20px 0 !important;
}

body.page-id-35559,
body.page-id-35565,
body.page-id-35557,
body.page-id-35555 {
    background: #e0e2db;
}
.swiper-image-cover {
    width: 400px;
    height: 400px;
    object-fit: cover;
    object-position: center center;
    display: block;
    border-radius: 10px;
}

.brite-gallery-swiper .swiper-button-next,
.brite-gallery-swiper .swiper-button-prev {
  opacity: 0.3;
  width: 30px;
  height: 30px;
  transform: scale(0.9);
  transition: opacity 0.3s ease;
  color: #000; /* o blanco si fondo oscuro */
}

.brite-gallery-swiper .swiper-button-next:hover,
.brite-gallery-swiper .swiper-button-prev:hover {
  opacity: 0.7;
}

.brite-gallery-swiper .swiper-pagination {
  display: none !important;
}

  /* Responsive para mobile: sidebar debajo */
  @media (max-width: 768px) {
    .woocommerce.archive .sidebar,
    .woocommerce.archive .products {
      width: 100%;
      order: initial;
    }
  }
  
/* ==========> PRODUCT DETAIL <========== */
.icono-item {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
    font-size: 16px;
    padding: 0 20px;
    background-color: #768814;
    border-radius: 10px;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce a.button:active:hover, .woocommerce button.button:active:hover, .woocommerce input.button:active:hover, .woocommerce #respond input#submit:active:hover, .woocommerce a.button:active:focus, .woocommerce button.button:active:focus, .woocommerce input.button:active:focus, .woocommerce #respond input#submit:active:focus {
    background-color: #25d366;
}
/* ==========> FAQ <========== */
.page-id-35219 .site-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

.briteflooring-banner-area-faq {
    background-image: url('/wp-content/uploads/2025/04/briteflooring-banner-faq.webp');
    background-position: center center;
    background-size: cover;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    color: #74675B !important;
}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-color: #74675B !important;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #2F2114 !important;
}
.vc_tta-color-grey.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
    color: #2F2114 !important;
}
.briteflooring-cta {
    text-align: center;
    padding: 50px 0 20px;
}
a.briteflooring-button-cta {
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    transition: background-color color 0.5s ease;
}
a.briteflooring-button-cta:hover {
    background-color: #fff;
    color: #F87D11;
}

/* ==========> CATEGORY PAGES <========== */
.page-id-35576 .site-content,
.page-id-35582 .site-content,
.page-id-35586 .site-content,
.page-id-35533 .site-content,
.page-id-35118 .site-content, 
.page-id-35535 .site-content, 
.page-id-35555 .site-content,
.page-id-35559 .site-content,
.page-id-35565 .site-content,
.page-id-35557 .site-content {
    padding-top: 0px;
}
.bf-scratch-resistant-banner {
    background: url('./img/bf-pet-friendly-scratch-resistant.webp');
}
.bf-waterproof-banner {
    background: url('./img/bf-waterproof-resistant.webp');
}
.bf-soundproof-banner {
    background: url('./img/bf-soundproof-resistant.webp');
}
.bf-vinyl-banner {
    background: url('./img/bf-vinyl.webp');
}
.bf-trims-transitions-banner {
    background: url('./img/bf-trim-transitions.webp');
}
.bf-laminated-banner {
    background: url('./img/bf-laminated-banner.webp');
}
.bf-transitions-banner {
    background: url('./img/bf-transitions-banner.webp');
}
.bf-stairs-banner {
    background: url('./img/bf-stairs-banner.webp');
}
.bf-moldings-banner {
    background: url('./img/bf-moldings-banner.webp');
}
.bf-pages-categories {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bf-category-title {
    text-align: center;
    text-transform: uppercase;
    background: #572C06;
    padding: 25px;
    margin-top: 0px;
}
h1.bf-category-title  {
    color: #fff;
}
.bf-category-title h1 {
    color: #fff;
    margin: 0px;
}
.bf-category-area-spec {
    background: #e0e2db;
    padding: 25px;
}
.bf-category-spec h4 {
    line-height: 3rem;
    font-size: 20px;
}
.bf-category-spec-title h3 {
    text-align: center;
}

.page-id-35533 .supro-products-grid.style-2 .product-header {
    display: none;
}
p.bf-details {
    font-size: 12px;
    text-align: center;
    margin: 0px;
}
p.card-text {
    margin: 10px;
}


/* ==========> CONTRACTORS <========== */
      .contractors-video-banner {
        width: 100%;
        height: 400px;
        overflow: hidden;
        position: relative;
        z-index: 1;
      }

      .contractors-video-banner video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
      }

      .contractors-video-banner::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 20%;
        background: linear-gradient(to top, #F87D11 0%, transparent 100%);
        pointer-events: none;
        z-index: 2;
      }

      @media (max-width: 768px) {
        .contractors-video-banner {
          height: 300px;
        }
      }
/* ==========> VIDEO BANNER <========== */

  /* full-width, rompe el contenedor del theme */
  .bf-hero{
    position:relative;
	width:100vw;
	left:50%; right:50%;
	margin-left:-50vw; margin-right:-50vw;
    overflow:hidden;
  }
.bf-hero video{
	width:100%;
	height:100%;
	object-fit:cover; /* como background-size: cover */
}
/* ==========> MOLDINGS <========== */

.molding-category-header {
    background: #572c08;
    color: #cdb59f;
    padding: 30px;
    text-align: center;
}

.molding-category .card {
    padding: 30px 20px;
    border-radius: 10px;
}
.molding-description {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    color: #562C07;
    font-size: 18px;
}

.molding-subtitle, .molding-title {
    color: white;
}

.molding-categories .card-title {
    color: #67462a;
    font-size: 26px;
    text-align: center;
}
.molding-categories .dimension-title {
    font-size: 20px;
    font-weight: bold;
    font-family: "Montserrat";
    color: #67462a;
    margin-bottom: 0px;
}
.molding-categories .dimension-sub-title {
    font-size: 16px;
    color: #67462a;
    margin-bottom: 8px;
}
.btn-whatsapp-cta {
    background: #25d366;
    color: white;
    font-weight: 700;
    font-size: 20px;
    padding: 14px 30px;
    line-height: 1;
    border-radius: 30px;
}
.btn-whatsapp-cta:hover {
    background: #14873f;
    color: white;
    font-weight: 700;
    font-size: 20px;
    padding: 14px 30px;
    line-height: 1;
    border-radius: 30px;
}
.cta-section-molding {
    margin-top: 50px !important;
    margin-bottom: 80px !important;
    padding-left: 20px;
    padding-right: 20px;
}
img.card-img-top {
    padding: 15px 0;
}
.card-body{
    padding: 0px;
}
.molding-category .col-12.col-md-6.col-lg-4.mb-4 {
    padding-bottom: 15px;
}
#baseboards,
#casing-door-window-trim,
#crown-molding {
  scroll-margin-top: 90px;
}



/* ==========> CONTACT <========== */
.page-id-35081 .site-content {
    padding-top: 0px;
    background-color: #E0E2DB;
}
.briteflooring-map-contact {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    max-width: 100vw;
    height: 450px;
    border: 0;
    display: block;
  }  
.briteflooring-titles-bar h2 {
    color: #fff;
    text-align: center;
}
.brite-contact-buttons-cards {
    display: flex;
    justify-content: center;
    align-items: center;
}
a.brite-contact-buttons {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.brite-contact-icon {
    font-size: 40px;
    padding-bottom: 10px;
}
a.brite-contact-buttons {
    color: #fff;
    width: 300px;
    height: 100px;
    border-radius: 10px;
    justify-content: center;
    transition: 0.5s ease;
}
a.brite-contact-buttons:hover {
    background: #F87D11;
}
.brite-contact-board, .brite-contact-card {
    margin: auto !important;
}
.brite-contact-board, .brite-contact-card {
    max-width: 1024px;
}
.brite-contact-card {
    background: #fff;
    padding: 30px 30px 15px;
    border-radius: 10px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
    transition: border 0.5s;
    color: #2F2114;
    border: 2px solid #E0E2DB;
    border-radius: 10px;
}
input[type="text"]:active, input[type="email"]:active, input[type="url"]:active, input[type="password"]:active, input[type="search"]:active, input[type="number"]:active, input[type="tel"]:active, input[type="range"]:active, input[type="date"]:active, input[type="month"]:active, input[type="week"]:active, input[type="time"]:active, input[type="datetime"]:active, input[type="datetime-local"]:active, input[type="color"]:active, textarea:active, select:active, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus {
    border-color: #74675B;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 5px 20px;
    border-radius: 10px;
    color: #572C06;
    border: 2px solid #572C06;
    background: #E0E2DB;
    transition: 0.5s;
}
button:hover {
    color: #FFF;
    border: 2px solid #768814;
    background: #768814;
}
.wpforms-submit-container .brite-contact-form-button {
    display: flex;
    margin: auto;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
    padding: 5px 10px;
}
textarea {
    padding: 10px 15px;
}
.term-description {
    background: #f4f5f5;
    padding: 30px;
    border-radius: 10px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.woocommerce-info {
    border-top-color: #74675b;
}
.woocommerce-info::before {
    color: #74675b;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #f4f5f5;
    border-radius: 5px;
}

/* Calculadora PRO - Brite Flooring */

.calculadora-box {
    border: 0px solid transparent;
    padding: 25px;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    max-width: 500px;
    margin-bottom: 24px;
    font-family: 'Montserrat';
}

.calculadora-box h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #2e2114;
}

.calculadora-box input[type="number"] {
    padding: 8px 10px;
    width: 150px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 10px;
}

.calculadora-box label {
    font-size: 16px;
    color: #2e2114;
    display: inline-block;
    margin-top: 10px;
}

.calculadora-box #resultado_calculadora {
    margin-top: 20px;
    font-size: 16px;
    color: #2e2114;
}

.calculadora-box a {
    display: inline-block;
    margin-top: 10px;
    background: #25d366;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
span#cantidad_cajas {
    margin: 0px !important;
}

.calculadora-box a:hover {
    background-color: #1ebd5a;
}

/* Single Product */

.custom-image-after-gallery {
    display: flex;
    margin-top: 30px;
    padding-left: 100px;
}
.custom-image-after-gallery img {
    width: auto;
    height: 100px;
}
.bf-trims-icons-product {
    padding-left: 30px;
}
.woocommerce-Tabs-panel--additional_information table.shop_attributes {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes tbody {
    display: contents;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes tr {
    width: 33.33%; /* Cambia a 33.33% si quieres 3 columnas */
    padding: 10px;
    box-sizing: border-box;
}

.woocommerce table.shop_attributes th {
	width: 100% !important;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes th,
.woocommerce-Tabs-panel--additional_information table.shop_attributes td {
    display: block;
    text-align: left;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes th {
    font-weight: bold;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes td {
    margin-top: 5px;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes {
    border: none !important;
}
.iconos-protecciones{
  display:flex;
  gap:1.25rem;
  margin:1.5rem 0;
}

.icono-item{
  text-align:center;
  font-size:14px;
  color:#572C06;
  width: 105px;
}

.icono-item img{
  width:65px; height:auto;
  margin-bottom:.35rem;
}

.woocommerce.single-product-layout-2 div.product .supro-single-product-detail {
    background-color: #E0E2DB;
    border-radius: 10px;
    padding: 80px 15px;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes th {
    background-color: #E0E2DB;
    color: #2e2114;
    border-radius: 10px;
}

.bf-meta__cat {
    text-transform: uppercase;

}

/* Galería de producto: miniaturas siempre 1:1, estilo cover */
.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce-product-gallery .flex-control-thumbs img, img.attachment-shop_catalog.size-shop_catalog {
	aspect-ratio: 1 / 1;     /* siempre cuadrado */
	width: 100%;
	height: auto;            /* respetado por aspect-ratio */
	object-fit: cover;       /* rellena sin deformar */
}
.woocommerce-product-gallery__image.flex-active-slide img {
    border-radius: 10px;
}
/* Por si tu slider (Supro) usa Swiper o Flickity */
.woocommerce-product-gallery__wrapper img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
ol.flex-control-nav.flex-control-thumbs.no-slick img, img.attachment-shop_catalog.size-shop_catalog {
    border-radius: 10px;
}
/* 1️⃣ Esconde cualquier meta fantasma que el tema deje al fondo */
.product_meta {display:none !important;}

/* 2️⃣ Estilos para nuestro bloque */
.bf-meta{

}

.bf-meta tbody, .bf-meta td, .bf-meta tfoot, .bf-meta th, .bf-meta thead, .bf-meta tr {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
}
.bf-meta table tr td, .bf-meta table tr th {
    padding: 0;
}
.bf-meta td.bf-meta-title {
    color: #777777;
}
.bf-meta td.bf-meta-info {
    padding: 0 20px;
    color: #67462a;
}
.bf-meta {
    margin: 10px 0;
}

/* Responsive */   
@media screen and (max-width: 1024px) {
    .woocommerce-Tabs-panel--additional_information table.shop_attributes tr {
        width: 50%; /* Cambia a 50% en pantallas pequeñas */
    }
}
@media screen and (max-width: 768px) {
    .woocommerce-Tabs-panel--additional_information table.shop_attributes tr {
        width: 100%; /* Cambia a 100% en pantallas pequeñas */
    }
}
@media screen and (max-width: 480px) {
    .woocommerce-Tabs-panel--additional_information table.shop_attributes tr {
        width: 100%; /* Cambia a 100% en pantallas pequeñas */
    }
}

@media screen and (max-width: 768px) {
    .woocommerce-Tabs-panel--additional_information table.shop_attributes tr {
        width: 50%; /* Cambia a 100% en pantallas pequeñas */
    }
}
@media screen and (max-width: 480px) {
    .woocommerce-Tabs-panel--additional_information table.shop_attributes tr {
        width: 100%; /* Cambia a 100% en pantallas pequeñas */
    }
    
}

/* ==========> CONTRACTORS <========== */
.page-id-35430 .site-content {
    padding-top: 0px;
}
.bf-contractors-area-title h2, .bf-contractors-area-subtitle {
    text-align: center;
    color: #fff;
}
.bf-contractors-area-subtitle {
    font-size: 22px;
}
.bf-partner-button a {
    background: #f87d11 !important;
    border-radius: 10px !important;
    border: 0px solid transparent !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 10px;
}
.bf-partner-button a:hover {
    background: #ab682c !important;
    transition: 0.5s ease !important;
}
.bf-partner-button a, .bf-partner-button i {
    color: #fff !important;
    font-size: 20px !important;
}
.bf-contractors-quote-wsp {
    border-radius: 10px !important;
    background: #fadfc6 !important;
    border: 0px solid transparent !important;
}
.bf-contractors-wsp a {
    background-color: #309f58 !important;
    border-radius: 10px !important;
}
.bf-contractors-wsp a:hover {
    background-color: #257141 !important;
    transition: 0.5s ease !important;
}
.bf-contractors-wsp a, .bf-contractors-wsp i {
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.responsive-table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-family: 'Montserrat', sans-serif;
}

.responsive-table th,
.responsive-table td {
  border: 1px solid #2F2114;
  padding: 12px;
  text-align: left;
  font-size: 16px;
}
.responsive-table th {
    border: 1px solid #2F2114;
    font-weight: 600;
}
.responsive-table thead {
  background-color: #2F2114;
  color: #e0e2db;
  font-weight: 600 !important;
}
.bf-contractors-chart-wsp-button .vc_btn3.vc_btn3-size-lg {
    font-size: 20px;
    padding: 10px 25px;
    border-radius: 10px;
}
.brite-catalogs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  margin: 40px 0;
}
.brite-catalog-card {
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: box-shadow 0.3s ease;
}
.brite-catalog-card:hover {
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.brite-catalog-image img {
  max-width: 100%;
  border-radius: 8px;
  margin-bottom: 15px;
}

.brite-catalog-title {
  font-size: 20px;
  margin-bottom: 5px;
}

.brite-catalog-subtitle {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #666;
}

.brite-catalog-desc {
  font-size: 12pxrem;
  color: #444;
  margin-bottom: 15px;
}

.brite-catalog-download {
  display: inline-block;
  padding: 8px 16px;
  background: #fff;
  color: #f87d11;
  border: 1px solid #f87d11;
  border-radius: 10px;
  text-decoration: none;
}
.brite-catalog-download:hover {
  background: #f87d11;
  color: #fff;
  transition: 0.5 ease;
}

a.button.email-button {
    background-color: #f87d11;
}

/* ==========> ABOUT US <========== */
.page-id-35826 .site-content {
    padding-top: 0px;
    padding-bottom: 0px;
}
.briteflooring-banner-area-about {
    background-image: url('/wp-content/uploads/2025/06/bf-about-us-banner.webp');
    background-position: center center;
    background-size: cover;
}
@media screen and (max-width: 578px) {
    .post-35826 h2 {
    font-size: 26px;
}
    
}

/* ==========> FOOTER <========== */
.footer-1 .wp-block-image img {
    max-width: 200px;
}
.site-footer .widget .widget-title {
    font-size: 14px;
    margin: 100px 0 30px;
    font-weight: 700;
    color: #cdb59f;
}
.footer-5 {
    margin: 100px 0 0;
}
ul#menu-site-map-footer a, ul#menu-customer-care a, ul#menu-policies a {
    color: #cdb59f;
    transition: 0.5s ease;
}
ul#menu-site-map-footer a:hover, ul#menu-customer-care a:hover, ul#menu-policies a:hover {
    color: #fff;
}
a.brite-contact-footer {
    color: #cdb59f;
    gap: 10px;
    display: flex;
    align-items: baseline;
    padding-bottom: 10px;
    transition: 0.5s ease;
}
a.brite-contact-footer:hover {
    color: #fff;
}
.widget_categories li a:after, .widget_recent_comments li a:after, .widget_rss li a:after, .widget_pages li a:after, .widget_archive li a:after, .widget_nav_menu li a:after, .widget_recent_entries li a:after, .widget_meta li a:after, .widget-recent-comments li a:after {
    background-color: transparent;
}
.sub-sub-menu-open {
    padding-left: 50px !important;
}

@media screen and (max-width: 991px) {
    .footer-sidebar.footer-1.col-xs-12.col-sm-6.col-md-1-5 {
        width: 100%;
    }
}    
@media screen and (max-width: 768px) {
    .site-footer .footer-widget .footer-sidebar {
        margin-bottom: 0px;
    }
    .site-footer .widget .widget-title {
        margin-top: 40px;
    }
    nav.footer-layout.footer-layout-1.light-skin {
        text-align: center;
    }
    .webmarket-footer {
        justify-content: center;
    }
}
/* ----- Search Form ----- */

.custom-search-product {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    min-height: 200px; /* Altura base */
}

.custom-search-product .product-thumbnail {
    flex-shrink: 0;
}

.custom-search-product .product-thumbnail img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
}

.custom-search-product .product-summary {
    margin-left: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.custom-search-product .product-title {
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.custom-search-product .product-price {
    color: #e60023;
    font-weight: bold;
    margin-bottom: 5px;
}

.custom-search-product .product-category {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 10px;
}

.custom-search-product .product-description {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 15px;
}

.custom-search-product .more-info-btn {
    display: inline-block;
    background-color: #0056b3;
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    margin-top: auto; /* Magia: empuja el botón hacia abajo */
    align-self: flex-start;
}

.custom-search-product .more-info-btn:hover {
    background-color: #003d80;
}

.brite-trims-and-transition-card {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px 20px;
    border-radius: 10px;
}
p.brite-trims-and-transition-subtitle {
    font-family: 'Montserrat';
    color: #67462a;
    font-size: 18px;
    margin: 25px 0;
}
h3.brite-trims-and-transition-title {
    font-size: 26px;
    margin-top: 20px;
}
.brite-trims-and-transition-card {
    align-items: center;
}
.briteflooring-titles-bar-dark.home-first h2 {
    font-size: 20px;
}

/* ----- Filtros de Navegación Tienda --- */
.wpc-filters-widget-content input[type=number] {
    border: none !important;
    padding: 0px !important;
}
input.wpc-filters-range-max {
    text-align: right;
}

/* ----- FOOTER COPYRIGHT AREA ----- */
.site-footer .footer-copyright .widget {
    display: flex;
}
.wms-sign {
    width: 100%;
    padding: 15px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  
  .webmarket-footer {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    color: #cdb59f;
    font-family: sans-serif;
    font-size: 14px;
    text-align: center;
  }
  
  .footer-text {
    margin-right: 5px;
  }
  
  .webmarket-link {
    margin: 0 5px;
  }
  
  .webmarket-link img {
    width: 120px;
    height: auto;
    display: inline-block;
    transform: translateY(-3px);
    transition: filter 0.5s;
  }
  
  .webmarket-link img:hover {
    filter: brightness(2);
  }
  
  @media (max-width: 480px) {
    .custom-image-after-gallery img {
        padding-left: 0px;
    }
    .webmarket-footer {
      font-size: 12px;
    }
    .webmarket-link img {
      width: 100px;
    }
  }
 
@media screen and (max-width: 530px) {
    a.button.whatsapp-button, a.button.email-button {
        width: 100%;
        margin-top: 10px;
    }
}


@media screen and (max-width: 768px) {
  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    display: block;
    margin-bottom: 25px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
  }

  .responsive-table td {
    display: flex;
    justify-content: left;
    align-items: baseline;
    padding: 12px 16px;
    border: none;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    justify-content: space-between;
  }

  .responsive-table td:last-child {
    border-bottom: none;
  }

  .responsive-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #444;
    flex-basis: 40%;
  }
  .responsive-table td[data-label="Feature"] {
    background-color: #f0f0f0; /* Gris claro, editable */
    font-weight: bold;
    color: #333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .responsive-table td[data-label="Feature"]::before {
    color: #000;
  }
  .responsive-table th, .responsive-table td {
    text-align: justify;
}
.bf-home-bar-info-int .bf-home-bar-cta {
    align-items: flex-end;
}
.bf-home-bar-info {
    padding: 0px 50px 50px;
}
.bf-cta-text-panel h2, .bf-cta-text-panel {
    text-align: center;
}
a.bf-home-bar-cta {
    margin: auto;
}
.footer-5 li {
    display: flex;
    justify-content: center;
}

}

@media screen and (max-width: 480px) {
    .bf-home-bar-info {
        padding: 50px 50px 50px;
    }
    .fullwidth-swiper .centered-text h2 {
      font-size: 20px;
      line-height: 1.2;
    }
    .swiper.fullwidth-swiper {
        height: 400px;
    }
}