/*
Theme Name: Rodich
Theme URI: https://victorthemes.com/wp-themes/rodich/
Author: VictorThemes
Author URI: https://victorthemes.com/
Description: Rodich is an awesome restaurant theme comes with classy design and powerful functionalities which has specifications that best suited for food industry and gives remarkable browsing experience to your customers with convenient and beautiful look.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rodich
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.sticky { border: 1px dotted #CFA670; padding: 0 10px; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {clear: both;}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width: 100%;}

/* By Authot Post */
.bypostauthor {display: inline-block;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}
/* Pure CSS Full Width for WPBakery without transform */
[data-vc-full-width="true"] {
    width: 100vw !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: calc(-50vw + 50%) !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
}
[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) {
    padding-left: calc(50vw - 50%) !important;
    padding-right: calc(50vw - 50%) !important;
}
body { overflow-x: hidden; }
.vc_single_image-wrapper img { max-width: 100% !important; height: auto !important; }

/* Fix contact form checkbox visibility */
.roch-stylest-contact-form label input[type="checkbox"],
.roch-stylest-contact-form label input[type="radio"], 
.wpcf7 label input[type="checkbox"],
.wpcf7 label input[type="radio"] {
  display: inline-block !important;
  margin-right: 8px;
}

/* Floating WhatsApp Button Nativo */
.floating-whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    transition: transform 0.3s ease, background-color 0.3s ease;
    text-decoration: none !important;
}

.floating-whatsapp:hover {
    transform: scale(1.1);
    background-color: #1EBE57;
    color: white;
}

.floating-whatsapp svg {
    width: 35px;
    height: 35px;
}

/* Formulario Nativo (Reemplazo de Contact Form 7) */
.domichef-contact-form .domichef-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    background: transparent;
    color: #666;
    font-size: 14px;
    border-radius: 0;
}
.domichef-contact-form .domichef-input:focus {
    border-color: #cfa670;
    outline: none;
    box-shadow: none;
}
.domichef-submit-btn:hover {
    background-color: #cfa670 !important;
    color: #fff !important;
}

/* Corrección de alineación del botón Enviar */
.domichef-submit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}



.swiper {
  width: 100%;
  height: 100vh;
  min-height: 500px;
}

.domichef-slide {
  background-size: cover;
  background-position: left center; /* Keeps logo in view on mobile */
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide-content {
  text-align: center;
  color: white;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -50px;
}

.slide-subtitle {
  color: #cfa670;
  font-family: 'Tangerine', cursive;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: -10px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease 0.5s;
}

.slide-title {
  font-family: 'Oswald', sans-serif;
  font-size: 65px;
  text-transform: uppercase;
  margin: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease 0.8s;
  color: #ffffff;
}

.swiper-slide-active .slide-subtitle,
.swiper-slide-active .slide-title {
  opacity: 1;
  transform: translateY(0);
}

.swiper-pagination-bullet {
  background: #cfa670 !important;
}

@media (max-width: 768px) {
  .slide-subtitle { font-size: 40px; }
  .slide-title { font-size: 38px; }
  .swiper { height: 60vh; }
}

/* Fix for full width sections breaking out of container */
body {
    overflow-x: hidden;
}
.full-width-section {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
}

.full-width-section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: 100vw !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    border: none !important;
}
.full-width-section[data-vc-stretch-content="true"] > [class*="col-"],
.full-width-section[data-vc-stretch-content="true"] > div > [class*="col-"] {
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix mobile menu hamburger icon visibility */
@media (min-width: 992px) {
    .roch-menu-btn-warp, .roch-off-canves-nav-icon {
        display: none !important;
    }
}
@media (max-width: 991px) {
    .roch-off-canves-nav-icon {
        display: inline-block !important;
        width: 35px !important;
        height: 35px !important;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23cfa670' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") no-repeat center center !important;
        background-size: contain !important;
    }
}



.swiper {
  width: 100%;
  height: 100vh;
  min-height: 500px;
}

.domichef-slide {
  background-size: cover;
  background-position: left center; /* Keeps logo in view on mobile */
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide-content {
  text-align: center;
  color: white;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -50px;
}

.slide-subtitle {
  color: #cfa670;
  font-family: 'Tangerine', cursive;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: -10px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease 0.5s;
}

.slide-title {
  font-family: 'Oswald', sans-serif;
  font-size: 65px;
  text-transform: uppercase;
  margin: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease 0.8s;
  color: #ffffff;
}

.swiper-slide-active .slide-subtitle,
.swiper-slide-active .slide-title {
  opacity: 1;
  transform: translateY(0);
}

.swiper-pagination-bullet {
  background: #cfa670 !important;
}

@media (max-width: 768px) {
  .slide-subtitle { font-size: 40px; }
  .slide-title { font-size: 38px; }
  .swiper { height: 60vh; }
}

.full-width-section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: 100vw !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    border: none !important;
}
.full-width-section[data-vc-stretch-content="true"] > [class*="col-"],
.full-width-section[data-vc-stretch-content="true"] > div > [class*="col-"] {
    padding: 0 !important;
    margin: 0 !important;
}

/* ==========================================================================
   Fijar logotipo Domichef en una sola línea en todos los viewports
   ========================================================================== */
.text-logo {
    white-space: nowrap !important;
    word-break: keep-all !important;
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.roch-logo-white a,
.roch-logo-black a {
    white-space: nowrap !important;
}

/* Evitar que las columnas de la cabecera estrangulen el logotipo */
.roch-header-menu-wrapper .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.roch-header-menu-wrapper .roch-header-logos {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
}

.roch-header-menu-wrapper .col-6.col-sm-8.col-md-10 {
    flex: 1 1 auto !important;
    max-width: 100% !important;
    width: auto !important;
}

/* En pantallas muy estrechas (menores de 380px), escala proporcional suave */
@media (max-width: 380px) {
    .text-logo.roch-tangerineb-fontS-45 {
        font-size: 38px !important;
    }
}

/* ==========================================================================
   Sección de Reseñas de Google
   ========================================================================== */
.domichef-reviews-section {
    position: relative;
    z-index: 5;
}

.google-rating-summary {
    transition: all 0.3s ease;
}

.google-rating-summary:hover {
    box-shadow: 0 6px 25px rgba(0,0,0,0.09) !important;
    transform: translateY(-2px);
}

.review-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

@media (max-width: 767px) {
    .google-rating-summary {
        border-radius: 20px !important;
        padding: 12px 18px !important;
    }
}