/*
Theme Name: A Taste Of Saigon
Theme URI: #
Author: BlueGroup
Author URI: #
Description: A Taste Of Saigon - Bến Thành.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: atasteofsg
*/
.main-header .main-box .logo-box{padding:0px !important}
.main-header .main-box .logo-box .logo img{height:120px !important}
.fixed-header.header-down .main-box .logo-box .logo img{height:50px !important}
.hidden-bar .inner-box .logo-box {margin-bottom: 35px !important}
.hidden-bar .inner-box .logo-box img{height: 80px !important}
.subtitle {margin: 0 auto;}
.subtitle h6 {
  gap: 8px;
  display: inline-flex;
  align-items: center;
  position: relative;
  color: var(--main-color);
  text-transform: uppercase;
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 1.2em;
}
.subtitle h6::before, .subtitle h6::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(./images/icons/star-element.svg);
    background-repeat: repeat;
    background-size: auto;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.story-section .text-col .inner{padding-right:40px}
.intro-section .intro-anim-image {top:-115px}
.intro-section .intro-anim-image img{max-width: 300px}
.info-bar .booking-info .bk-no {font-weight: bold; font-size: 1.2em;}
/* Fluentform CSS */
.ff-el-input--content {background: #ffffff24;}
.custom-fluent-form .fluentform .ff-el-form-control {
    display: block !important;
    width: 100% !important;
    height: 60px !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 15px 25px !important;
    font-size: 15px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}
.custom-fluent-form .fluentform .ff-el-form-control:focus {border-color: #c19d60 !important; box-shadow: none !important; outline: none !important;}
.custom-fluent-form .fluentform textarea.ff-el-form-control {height: 150px !important; resize: none !important;}
.custom-fluent-form .fluentform .ff-el-form-control::placeholder {color: rgba(255, 255, 255, 0.7) !important;}
.custom-fluent-form .fluentform .ff-el-input--content option{color:#000}
.custom-fluent-form .fluentform .ff-btn-submit {
    display: block !important;
    width: 100% !important;
    background-color: #c19d60 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 18px 40px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
}
.custom-fluent-form .fluentform .ff-btn-submit:hover {background-color: #ffffff !important; color: #1a1a1a !important;}
.custom-fluent-form .fluentform .ff-el-input--label {display: none !important;}
.menu-tabs .dish-block .title .ttl > h6:hover{color:var(--main-color)}
.reserve-section.style-two .reserv-col .inner{display:block !important}
#CDSWIDSSP{margin: 0 auto !important}
.text {padding-bottom: 25px}

/*Social mobile*/
.social_fixed-phone {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 80px;
  line-height: 45px;
  z-index: 100;
  display: none;
  box-shadow: 0 3px 6px #333333;
  border-radius: 10px 10px 0 0;
  background: #214440;
}
.social_fixed-phone ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
}
.social_fixed-phone ul li {
  flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  max-width: 25%;
  width: 100%;
}
.social_fixed-phone ul li i {font-size:1.5em}
.social_fixed-phone ul li a {
  text-decoration: none;
  font-size: 1em;
  font-family: Arial;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  letter-spacing: 1px;
  line-height: 2;
  height: 100%;
  padding-top: 5px;
  color: var(--main-color);
}
.social_fixed-phone ul li span {
  position: relative;
  z-index: 999;
}
/*Right contact*/
.addThis_listSharing {
  position: fixed;
  bottom: 135px;
  z-index: 500;
  top: auto !important;
  right: 15px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.addThis_listing .addThis_item {
  margin-bottom: 5px;
}
.addThis_listing .addThis_item .addThis_item--icon {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 70px;
  height: 70px;
  line-height: 44px;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.addThis_item--icon i {
  font-size: 2em;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: rgb(24, 49, 46);
  border-radius: 50%;
  border: 0.5px solid #e6b15f;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
  position: absolute;
  top: 20px;
  right: 100px;
  z-index: 9;
  height: 32px;
  line-height: 26px;
  padding: 3px 10px;
  width: auto;
  border-radius: 5px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: rgb(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  transition: all 200ms linear;
}
.addThis_item3 .tooltip-text {
  visibility: visible !important;
  opacity: 1 !important;
  right: 80px !important;
}
@keyframes shake {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(-10deg); }
  20% { transform: rotate(10deg); }
  30% { transform: rotate(-10deg); }
  40% { transform: rotate(10deg); }
  50% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}
.addThis_item3 .addThis_item--icon i {
  animation: shake 1.5s infinite ease-in-out;
  display: inline-block;
}
.addThis_listing .addThis_item .addThis_item--icon {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.addThis_listing .addThis_item .addThis_item--icon:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
  right: 40px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  right: 80px;
}
.tooltip-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}
/*Footer CSS*/
.main-footer .info-col .content{padding: 0px 0px 35px; max-width: fit-content;}
.main-footer .info-col .logo{max-width: 135px; margin: 0 auto;}
.fluid-section {background: linear-gradient(180deg, #152C29 0%, #571513 100%);}
/* =======================================================
   CSS BRAND SLIDER
======================================================= */
.brand-slider-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}
.brand-slider-container .swiper {
    width: 100%;
    padding: 20px 0;
}
.brand-slider-container .swiper-slide {
    text-align: center;
    background: #fff;
    border-radius: 8px;
    padding: 20px 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.brand-slider-container .logo-wrapper {
    width: 100%;
    height: 100px; 
    display: flex;
    align-items: center;     
    justify-content: center;
    overflow: hidden; 
}
.brand-slider-container .logo-wrapper img {
    width: 100%; 
    height: auto; 
    max-height: 100%; 
    object-fit: contain;
    display: block; 
}
.brand-slider-container .brand-name {
    font-size: 13px;
    color: #333;
    margin: 0;
    font-weight: 600;
    white-space: normal; 
    line-height: 1.2;
    width: 100%;
    word-wrap: break-word;
    padding: 15px;
}
.brand-slider-container .swiper-button-next, 
.brand-slider-container .swiper-button-prev {
    color: #555;
    width: 35px !important;
    height: 35px !important;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 10;
    top: 50%;
    transform: translateY(-50%); 
    margin-top: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand-slider-container .swiper-button-prev { left: 10px; right: auto; }
.brand-slider-container .swiper-button-next { right: 10px; left: auto; }
.brand-slider-container .swiper-button-next:after, 
.brand-slider-container .swiper-button-prev:after {
    font-size: 14px !important;
    font-weight: bold;
}
.brand-slider-container .swiper-button-next:hover, 
.brand-slider-container .swiper-button-prev:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}
/* Mobile CSS */
@media (max-width: 991px) {
	.story-section .text-col {z-index:100}
	.story-section .text-col .inner{padding:0px}
	.brand-slider-container{width:100%}
	.social_fixed-phone {display: block;}
	.addThis_listing .addThis_item .addThis_item--icon {width: 50px; height: 50px;}
	.addThis_item--icon i {font-size: 1.5em; width: 50px; height: 50px; line-height: 50px;}
	.addThis_item3 .tooltip-text {right: 55px !important; top: 8px !important;}
	.btn-style-two {margin: 5px 0 5px;}
	.banner-section .banner-call{display:none}
	.banner-section .book-btn{bottom:-70px}
}