/*
Theme Name: Blocksy Child
Author: Nemesys
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/

/** INDICE
 *
 *    0 - General
 *    1 - Cabecera
 *    2 - Pie
 *    3 - Contenido
 *      3.1 - Portada
 *      3.2 - Interiores
 *      3.2.1 - Carnes & Cía
 *      3.2.2 - Club Carnívoro
 *      3.2.3 - Blog
 *      3.2.4 - WooCommerce
 */

/**
 * 0 - General
*/

 a {
    text-decoration: none!important;
 }

.mt0 {
    margin-top: 0!important;
}

.mb0 {
    margin-bottom: 0!important;
}

.wp-block-button {
    border-radius: 8px!important;
    border: 4px solid #000!important;
}

.wp-block-button__link {
    font-size: 18px!important;
    font-weight: 700!important;
}

/* personaliza el color del botón del banner de GDPR Cookie Compliance */
.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn {
    background-color: var(--theme-palette-color-1)!important;
  }

 /**
 * 1 - Cabecera
 */

/* Botón Club carnívoro menú cabecera */
#menu-item-64 {
    margin-left: 1em!important;
}

#menu-item-64 a {
    background: linear-gradient(90deg, #083030 1.44%, #D5B475 100%);
    border-radius: 10px;
    border: 2px solid #D5B475;
    height: 2rem;
    padding: 10px 12px 10px 15px;
    color: var(--theme-palette-color-8)!important;
    text-transform: uppercase;
    font-weight: 600;
}

#menu-item-64 a:hover {
    background: #D5B475;
    color: #083030!important;
    border: 2px solid #083030;
}

@media (max-width:1000px) {
  .site-branding {
    margin-top: 10px!important;
  }
}

 /**
 * 2 - Pie
 */

 footer {
    background: url(https://www.origensteakhouse.com/wp-content/uploads/2025/09/fondo_pie.png);
    background-size: cover;
    padding-bottom: 2rem!important;
 }
 
 footer p {
    color: var(--theme-palette-color-8)!important; 
 }

 @media (max-width:1000px) {
    footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis: unset!important;
      width: 35%!important;
    }
 }

  /**
 * 3 - Contenido
 */

 /**
 * 3.1 - Portada
 */

#metaslider-id-88 {
    margin: 0!important;
    width: 100%;
    max-width: 100%;
}

#metaslider-id-88 .caption-wrap {
    opacity: 1!important;
}

#metaslider-id-88 .flexslider .caption-wrap {
    background: transparent!important;
    text-align: center;
    top: 40%;
}

#metaslider-id-88 .caption div:nth-of-type(1) {
    font-weight: 600;
    font-size: 25px;
    line-height: 45px;
    text-transform: uppercase;
    color: var(--theme-palette-color-8)!important;
    text-shadow: 2px 2px #333;
}

#metaslider-id-88 .caption div:nth-of-type(2) {
    font-weight: 600;
    font-size: 20px;
    line-height: 45px;
    color: var(--theme-palette-color-8)!important;
}

.inicio_bloque_experiencia p {
    min-height: 9em;
}

.inicio_bloque_experiencia figcaption {
    background: #083030;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    color: #D5B475;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-block: 0!important;
}

.inicio_bloque_regala_origen {
    max-width: 855px!important;
}

.inicio_bloque_regala_origen .wp-block-media-text__content {
    padding: 0!important;
}

.inicio_bloque_regala_origen .wp-block-media-text__content p, .inicio_bloque_regala_origen .wp-block-media-text__content ul {
    padding-left: 8%;
}

.inicio_regala_sorprende {
    background: var(--theme-palette-color-1)!important;
    color: var(--theme-palette-color-8)!important;
    font-size: 20px;
    font-weight: 600;
}

.inicio_bloque_regala_origen ul {
  list-style-image: url("https://www.origensteakhouse.com/wp-content/uploads/2025/09/bullet_lista_ragala.png");
}

.inicio_bloque_clubcarnivoro {
    background: url("https://www.origensteakhouse.com/wp-content/uploads/2025/09/inicio_club.png");
    background-size: cover;
    color: #fff!important;
    text-align: center;
    padding: 2rem 0!important;
}

@media (max-width:1000px) {
    #metaslider-id-88 .flexslider .caption-wrap {
        position: relative;
        transform: unset;
        width: 100%;
        left: unset;
        background: #083030!important;
    }

    @media (max-width:800px) {
        #metaslider-id-88 .flexslider img {
            height: 250px;
            object-fit: cover;
        }

        #metaslider-id-88 .caption div:nth-of-type(1) {
            font-size: 23px;
            color: var(--theme-palette-color-2);
            line-height: 28px;
          }

        #metaslider-id-88 .caption div:nth-of-type(2) {
            font-size: 23px;
            color: var(--theme-palette-color-2);
            line-height: 27px;
          }
      }

      .inicio_regala_lista {
        padding: 0 0.5em 1em 2.5em!important;
      }

      .inicio_bloque_clubcarnivoro h2 {
        font-size: 20px!important;
      }

      .inicio_bloque_clubcarnivoro p {
        padding: 0 1em !important;
      }
    }

 /**
 * 3.2 - Interiores
 */

.cab_interior {
    position: relative;
}

 .cab_interior figcaption {
    position: absolute;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2em;
    top: 20%;
    font-weight: 600;
    font-size: 25px;
    line-height: 45px;
    color: var(--theme-palette-color-8)!important;
    text-shadow: 2px 2px #333;
 }

@media (max-width:800px) {
    .cab_interior img {
        height: 175px!important;
        object-fit: cover;
    }
}

@media (max-width:1790px) {
  .cab_interior figcaption {
      top: 0%;
  }    
}

@media (max-width:1500px) {
  .cab_interior figcaption {
      position: relative;
      font-size: 20px;
      background: #000;
  }    
}


 /**
 * 3.2.1 - Carnes & Cía
 */


.carnes_bloque_cortes {
    height: 450px;
    background-color: #D5B4756E;
    background-image: url(https://www.origensteakhouse.com/wp-content/uploads/2025/09/carnes_vaca_cesped.png);
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center 40px;
    border-bottom: 25px solid #083030;
    border-radius: 20px;
}

.carnes_bloque_cortes ol {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: 700;
}

.carnes_bloque_cortes ol { 
  list-style: none; 
  padding-left: 0; 
  counter-reset: paso;
}

.carnes_bloque_cortes ol > li {
  counter-increment: paso;
  display: grid;
  grid-template-columns: 2.2rem 1fr;
  gap: 1rem;
  margin: .7rem 0;
}

.carnes_bloque_cortes ol > li::before {
  content: counter(paso);
  display: inline-grid;
  place-content: center;
  width: 2.2rem; height: 2.2rem;
  border-radius: 999px;
  background: #d77e76;
  font-size: 1.3rem;
  position: relative;
  top: -2px;  
}

@media (max-width:800px) {
    .carnes_bloque_cortes {
        height: 460px;
        background-size: 172%;
        background-position: 0 5%;
    }

    .carnes_bloque_cortes ol {
      padding-top: 5em;  
      width: 60%;
    }
  }

/* Grid 3×3 de carnes */
.cards-3x3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:900px){ .cards-3x3{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:580px){ .cards-3x3{ grid-template-columns:1fr;} }

/* Tarjeta base */
.img-hover-card {
  position: relative;
  border-radius:16px; overflow:hidden;
  aspect-ratio:1/1; min-height:260px;
  transition: transform .25s ease;
}

/* Enlace “focus” que cubre toda la tarjeta (para teclado) */
.img-hover-card .card-focus{
  position:absolute; inset:0; z-index:2;
  text-indent:-9999px; /* invisible visualmente */
  outline:none;
}
.img-hover-card .card-focus:focus-visible{
  outline: 3px solid #083030;
  outline-offset: 2px;
}

/* Imagen del Cover */
.img-hover-card .wp-block-cover__image-background{
  object-fit:cover; object-position:center;
}

/* Overlay dorado + blur (capa) */
.img-hover-card::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:rgba(213,180,117,.65);           /* #D5B475 con opacidad */
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  opacity:0; transition:opacity .25s ease;
}

/* Contenido del overlay (título + párrafos) */
.img-hover-card .card-content{
  position:relative; z-index:3; color:#083030; /* alto contraste sobre dorado */
  padding:16px;
  opacity:0; transform:translateY(6px);
  transition:opacity .25s ease, transform .25s ease;
}
.img-hover-card h3{ margin:0 0 .5rem; font-weight:800; }
.img-hover-card p{ margin:0 0 .5rem; line-height:1.45; }

/* Mostrar overlay: hover o foco de teclado */
.img-hover-card:hover::before,
.img-hover-card:focus-within::before{ opacity:1; }

.img-hover-card:hover .card-content,
.img-hover-card:focus-within .card-content{
  opacity:1; transform:translateY(0);
}

.img-hover-card:hover{ transform:translateY(-2px); }

/* Motion safe */
@media (prefers-reduced-motion: reduce){
  .img-hover-card, .img-hover-card::before, .img-hover-card .card-content{ transition:none; }
}

.bloque_carnes_punto {
  padding: 1em 0 0 0!important;
}

.bloque_carnes_punto_texto {
  height: 6em;
}

@media (max-width:900px) {
  .bloque_carnes_punto > div > div:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
  }

  .bloque_carnes_punto_texto {
    height: unset;
  }
}

/**
 * 3.2.2 - Club Carnívoro
 */

 .cabecera_clubcarnivoro {
    position: relative;
 }
 
 .cabecera_clubcarnivoro figure:nth-of-type(2) {
    position: absolute;
    top: 25%;
    width: 100%;
    max-width: none!important;
 }

 .cabecera_clubcarnivoro_bloquetexto {
    position: absolute;  
    top: 45%;
    width: 100%;
    padding: 10px 0!important;
    background: #00000059;
    color: #fff;
 }

 .cabecera_clubcarnivoro_bloquetexto p:nth-of-type(1) {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 0;
}

.cabecera_clubcarnivoro_bloquetexto p:nth-of-type(2) {
    font-size: 25px;
    font-weight: 600;
    margin-top: 0;
}

@media (max-width:925px) {
  .cabecera_clubcarnivoro_bloquetexto {
      position: relative;  
      top: unset;
      background: #00000075;
  }

  .cabecera_clubcarnivoro_bloquetexto p:nth-of-type(1) {
      font-size: 30px;
  }

  .cabecera_clubcarnivoro_bloquetexto p:nth-of-type(2) {
      font-size: 22px;
  }

  .cabecera_clubcarnivoro figure:nth-of-type(2) {
      top: 20px;
  }
}

/**
 * 3.2.3 - Blog
 */

.no-posts-msg {
    padding: 20px;
    margin-top: 2em;
    background: #f5f5f5;
    border-left: 4px solid #0073aa;
    font-style: italic;
}

/**
 * 3.2.4 - WooCommerce
 */

 .ct-woo-card-actions .button, .ct-woo-card-actions .added_to_cart, .wc-proceed-to-checkout .button, .place-order .button {
    border: 4px solid #000!important;
    border-radius: 8px!important;
 }

 .woocommerce-orders-table__cell-order-actions .pay, .woocommerce-orders-table__cell-order-actions .cancel {
  display: none!important;
 }