/*
 Theme Name:   Ofisillas theme
 Description:  Custom theme for Ofisillas (extends Homy & Ofisillas base theme)
 Author:       SEOCOM
 Author URI:   http://www.seocom.es
 Template:     homy_ofisillas
 Version:      1.0.0
*/

a {
    color: #809D28;
}

input[type=search].form-control {
    /*border-color: #809D28;*/
    background: 0 0;
    border: 0;
    text-indent: 5%;
    width: 90%;
    font-size: 14px;
    font-weight: lighter;
    color: grey;
    line-height: 35px;
    outline: 0!important;    
    height: 100%;
}

.search-center .glyphicon {
    color: #809D28;
    margin-top: -29px;
}

.btn-primary,
.btn-default {
    background: #F77C1A;
    border-color: #D45900;
    color: white;
    text-shadow: 1px 1px 5px #000;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus:active,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:focus:active {
    background: #d6670f;
    border-color: #af530b;
    color: white;
}

.breadcrumbs {
    border-bottom: none;
}

.breadcrumbs .breadcrumb_last {
    color: #809D28;
}

header .topbar {
    /*background: #809D28;*/
    background: #f0f0f0;
}

header .topbar *{
    color: #757676;
    font-size: 15px;
    line-height: 23px;
    font-weight: unset;
    font-family: "open sans";
}

header .header-schedule-telephone,
header .header-schedule-schedule {
    color: #3B7000;
    margin-bottom: 0;
}

header .navbar-nav > li > a:hover {
    color: #809D28;
}

footer .footer-columns {
    background: #e1e7db;
}

footer nav ul li {
    border-bottom: none;
    padding: 0;
}

footer nav ul li a {
    color: black;
}

footer .newsletter-container {
    background: #809D28;
}

footer .addis a {
    font-family: arial;
    color: #000 !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
}

footer .menu-title {
    color: #809D28;
}

footer .ofisillas-warranty {
    margin-bottom: 30px;
    margin-top: 50px;
}

footer .ofisillas-warranty .main-title {
    background: #91a739;
    color: white;
    font-size: 26px;
    line-height: 42px;
}

footer .ofisillas-warranty .items-container {
    border: 2px solid #91a739;
    padding: 15px 0;
}

footer .ofisillas-warranty .item-title a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

footer .ofisillas-warranty .item-subtitle a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 20px;
}

.summary {
    border-bottom: 2px solid #809D28;
}

.summary .entries-found {
    color: #809D28;
}

.sidebar .widgettitle {
    color: #809D28;
    border-top: 1px solid #809D28;
}

.widget_categories .current-cat a {
    color: #809D28;
}

.post .category a,
.post .published {
    color: #809D28;
}

.pagination-container {
    border-top: 2px solid #809D28;
}

.navigation.pagination .page-numbers.current {
    background: #809D28;
}

.post a {
    color: #809D28;
}

.cat-item a {
    color: #4D4D4D;
}

.call-to-action {
    background: #809D28;
    color: white !important;
}

.call-to-action:hover {
    background: #8faf2d;
}

@media (max-width: 767px) {
    header .navbar-toggle {
        border-color: #809D28 !important;
    }

    header .navbar-toggle.collapsed {
        color: #809D28;
    }

    header .navbar-toggle.collapsed span {
        background: #809D28;
    }

    header .navbar .glyphicon {
        color: #809D2;
    }

    header .cart-col .count {
        color: #809D28;
    }

    header #main-menu-container {
        border: solid #809D28;
    }

    header #main-menu-container a:hover {
        color: #809D28;
    }

    header .likes.count {
        color: #809D28;
    }
}

@media (min-width: 768px) {
    header #main-menu-container {
        border-color: #809D28;
        border-width: 2px 0;
        margin-top: 0px;
    }

    header .cart-col .cart-bg {
        background: url(./assets/img/basket_reduced_logo.png) no-repeat;
    }

    header .likes-col .likes-bg .units {
        color: #809D28;
    }

    header .navbar-nav > li > a {
        font-weight: 300;
    }
}

/* Nuevo post "mejores sillas" */
#toc_container {
    margin: 0 auto;
    margin-bottom: 60px;
    padding: 15px;
    position: relative;
}
#toc_container p.toc_title {
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}
#toc_container .toc_title .toc_toggle i {
    margin-left: 5px;
    font-size: 16px;
}
#toc_container ul ul {
    margin-top: 5px;
}
#toc_container li {
    margin-bottom: 5px;
}
#toc_container .readmore {
    cursor: pointer;
    display: block;
}
.comparador-sillas thead tr th {
    background-color: white;
    border-bottom: 1px solid white;
    padding: 0;
}
.comparador-sillas .etiqueta {
    display: block;
    width: 100%;
    padding: 8px 0;
    font-weight: 400;
    color: black;
    font-size: 16px;
    border-bottom: 3px solid #809d28;
}
.comparador-sillas tr td, .comparador-sillas tr th {
    text-align: center;
    padding: 20px;
}
.comparador-sillas tr.even td {
    background-color: #f9f9f9;
}
.comparador-sillas tr.odd td {
    background-color: #fff
}
/* .comparador-sillas .precio {
    color: #809d28;
} */
.comparador-sillas .precio_antiguo {
    text-decoration: line-through;
}
.comparador-sillas .con_stock, .comparador-sillas .sin_stock {
    font-weight: 500;
    display: block;
    margin-top: 5px;
}
.comparador-sillas .con_stock {
    color: #809d29;
}
.comparador-sillas .sin_stock {
    color: red;
}
.relpost-thumb-wrapper {
    margin: 0 5px;
    margin-top: 40px;
    font-size: 22px;
}
.relpost-block-container {
    margin-top: 20px!important;
}
.relpost-block-single {
    width: 25%;
}
.relpost-block-single div {
    max-width: 100%;
    max-height: 300px;
}
.relpost-block-single-image {
    width: 100%!important;
    height: 200px!important;
    margin: 0 auto!important;
    margin-bottom: 10px!important;
    background-size: cover!important;
    background-position: center center!important;
}
.relpost-block-single-text {
    margin-top: 20px!important;
    line-height: 22px!important;
}
.titulo-ventajas {
    background: #809d28;
    color: white;
    padding: 5px 10px;
    margin-bottom: -20px !important;
    display: block;
    font-size: 20px;
    text-align: center;
}
.lista-ventajas ul li .elementor-icon-list-icon i {
    color: #809d28;
}
.slider-sillas .bx-wrapper {
    box-shadow: none!important;
    border: 0!important;
}
.slider-sillas .bx_title {
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
}
.slider-sillas .bx-wrapper .bx-prev {
    left: 0;
}
.slider-sillas .enlace-box-silla {
    color: black;
    display: block;
}
.slider-sillas .precio, .slider-sillas .precio_antiguo {
    font-size: 15px;
    font-weight: 500;
}
.slider-sillas .bx_read_more {
    color: #809D28;
}
.slider-sillas .precio_antiguo {
    text-decoration: line-through;
    font-size: 14px;
    margin-left: 7px;
}
.btn-viewmore {
    background: #F77C1A;
    border: 1px solid #D45900;
    color: white!important;
    padding: 8px;
    display: block;
    border-radius: 5px;
}
.lista-ventajas ul.elementor-icon-list-items {
    border: 1px solid #809d29;
    padding: 10px 15px !important;
    border-bottom: 6px solid #809d29;
}
.etiqueta.etiqueta-favorita:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/blog/wp-content/uploads/2020/11/star.svg);
    background-size: 100%;
    margin: 0 10px -4px -15px;
}
.etiqueta.etiqueta-mejor-valorada:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/blog/wp-content/uploads/2020/11/win.svg);
    background-size: 100%;
    margin: 0 10px -4px -15px;
}
@media (max-width: 1000px) {
    .relpost-block-single {
        width: 50%;
    }
}
.home.blog .post .image-wrap > a > img {
    object-fit: cover;
    height: 100%;
}
.home.blog .post .image-wrap > a {
    height: 180px;
    display: block;
}

@media screen and (min-width: 1200px){
    .container{
        width: 1300px;
    }
}

@media (min-width: 768px){
    .col-sm-push-4 {
        left: unset;
    }

    .col-sm-pull-5 {
        right: unset;
    }

    header .search-holder{
        margin-top: 5px;
    }

    .menu-red a {
        color: red !important;
    }
}

.search-center {
    height: 40px;
    float: left;
    border: 1px solid #809D28;
    border-radius: 50px;
    width: 100%;
}

.header-schedule-telephone {
    font-size: 26px !important;
    font-family: 'Open Sans';
}

.header-schedule.header-schedule-label {
    font-size: 12px;
    line-height: 15px;
    color: #3B7000;
    font-family: 'Open Sans';
}

header .header-schedule-schedule {
    font-weight: 700 !important;
    font-size: 15px !important;
    font-family: 'Open Sans';
}

header .navbar-nav > li > a {
    font-family: 'Open Sans';
    font-weight: 500 !important;
    width: 100% !important;
}

div#main-menu-container {
    padding: 0 15px;
}

.menu-item-object-custom a:hover {
    font-weight: 700 !important;
}

@media screen and (max-width:  768px){
    .navbar-header .row {
        display: flex;
        flex-wrap: wrap;
    }

    .menu-mobile {
        order: 1;
    }

    .header-logo-container {
        order: 2;
    }

    .header-search-container {
        order: 4;
    }

    .header-cart-info-container {
        order: 3;
    }

    .header-cart-info-container > .row {
        flex-direction: column; 
    }

    .header-cart-info-container > .row > div {
        width: 100%;
    }

    .header-schedule-telephone {
        font-size: 10px !important;
    }

    header .header-schedule-schedule{
        font-size: 9px !important;
    }

    .basket_reduced_header {
        display: flex;
        justify-content: end;
    }
}

hr.footer-separator {
    display: block;
    width: 100%;
    background: #809D28;
    height: 1px;
}

.bottom-block {
    margin-bottom: 30px;
}

.custom-popup {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    color: #000;
    font-weight: 500;
}

/* Estilos de productos relacionados */

.productos-carrusel-container {
    position: relative;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.productos-carrusel {
    margin: 0 -10px;
}

.producto-card {
    margin: 0 10px;
    background: white;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.carrusel-controles {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.carrusel-prev, .carrusel-next {
    background: #809D28;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.carrusel-prev:hover, .carrusel-next:hover {
    background: #6b8322;
}


.productos-relacionados-container,
.titulo-seccion,
.producto-titulo,
.producto-descripcion,
.producto-precios,
.envio-gratis {
    font-family: 'Roboto Condensed', sans-serif;
}

.productos-relacionados-container {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.titulo-seccion {
  font-size: 23px;
  font-weight: bold;
  display: flex;
  gap: 5px;
  position: relative;
  padding-bottom: 5px;
  width: max-content;
  margin: 20px auto;
}

.parte-uno {
  color: #3e4f50;
}

.parte-dos {
  color: #5dd000;
}

.titulo-seccion::before,
.titulo-seccion::after {
  content: '';
  position: absolute;
  height: 3px;
  bottom: 0;
}

.titulo-seccion::before {
  width: 50%;
  background-color: #3e4f50;
  left: 5%;
}

.titulo-seccion::after {
  width: 50%;
  background-color: #5dd000;
  left: 46%;
}

@media (max-width: 768px) {
    .titulo-seccion{
        font-size: 20px;
    }
}

.productos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
}

.producto-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    position: relative;
    transition: transform 0.3s ease;
}

.producto-card:hover {
    transform: translateY(-5px);
}

.producto-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.producto-imagen-container {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    padding: 10px;
}

.producto-imagen {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.producto-info {
    padding: 15px;
    position: relative;
    padding-top: 0;
}

.producto-titulo {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #4D6662;
}

a:hover{
    text-decoration: none;
}

.producto-titulo strong {
    font-weight: bold;
}

.producto-colores {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
}

.color-circulo {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: inline-block;
}

.producto-precios {
    margin-bottom: 8px;
}

.precio-original {
    font-size: 14px;
    color: #333;
    text-decoration: line-through;
    margin-right: 8px;
}

.precio-rebajado {
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.precio-normal {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.precio-iva {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}

.etiqueta-descuento {
    position: absolute;
    bottom: 21px;
    right: 10px;
    background: #EA5A19;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 10px;
    border-radius: 3px;
}

/* Punta a la izquierda */
.etiqueta-descuento::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 11px solid #EA5A19;
}

.producto-colores {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.color-option {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
    box-shadow: 
        0 0 0 1px #fff, /* Borde blanco interior */
        0 0 0 2px #000; /* Borde negro exterior */
    background: 
        linear-gradient(
            135deg,
            rgba(255,255,255,0.4) 0%,
            rgba(255,255,255,0.1) 40%,
            rgba(0,0,0,0.1) 60%,
            rgba(0,0,0,0.4) 100%
        ),
        linear-gradient(var(--color-base), var(--color-base));
    cursor: pointer;
    transition: transform 0.2s ease;
}

.color-option:hover {
    transform: scale(1.1);
}