/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com/hello-elementor-child/
 Description:  Hello Elementor Child Theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");


/* custom css */
/* custom css */
.e-search .e-search-submit{
	height:40px!important;
}
.e-search-form{
	display:flex;
	justify-content:center;
	align-items:center;
}
.elementor-widget-search .e-search-form {
    display: flex!important;
	justify-content:center!important;
	align-items:center!important;
}

.category-section img {
    transition: transform 0.7s ease; /* Smooth transition for zoom */
}

.category-section:hover img {
    transform: scale(1.1); /* Zoom effect on hover */
}



.card-shape {
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: #fff0e0;
    display: inline-block;
    opacity: 0;
    left: 245px;
    top: -115px;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    border-radius: 100px;
}
.box-icon:hover .card-shape {
  opacity: 1; /* Show the element on hover */
  transform: translateX(0); /* Slide it into view */
}
*, :after, :before {
    box-sizing: border-box;
}
/* card animation button */
.card-box {
  position: relative; /* Ensures the button can be positioned inside it */
  overflow: hidden; /* Prevents the button from sliding out of the card */
}

.card-button {
  position: absolute; /* Position it relative to the .card-box */
  opacity:0;
  bottom: -50px; /* Adjust this to position the button near the bottom of the card */
  left: 22%;
  transform: translateX(-50%);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Smooth transition */
}

.card-box:hover .card-button {
	opacity:1;
  bottom: 0px; /* Moves the button up on hover */
  transform: translateX(-50%) translateY(-10px); /* Slightly adjust for smooth sliding */
}
.e-n-tabs-heading{
	background-color:#F2F4F7!important;
	padding:30px 20px!important;
}
.dubai-mall-heading .elementor-icon-box-icon {
    margin-bottom: 6px!important;
}
/* custom booking form style */

/* Main Form Container */
/* Full Booking Form */

/* === RnB Booking Form Custom Styling === */

/* Placeholder color and right padding */
form.rnb-cart input::placeholder,
form.rnb-cart input::-webkit-input-placeholder,
form.rnb-cart input::-moz-placeholder,
form.rnb-cart input:-ms-input-placeholder,
form.rnb-cart input:-moz-placeholder {
  padding-right: 20px;
  color: black;
}

/* Span wrapper for icon and input */
form.rnb-cart span {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Icons inside span – black color */
form.rnb-cart span i.fas,
form.rnb-cart span i.fa {
  position: absolute;
  left: 10px;
  top: 35%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
  color: black !important;
  font-size: 16px;
}

/* Input with icon – shift text right */
form.rnb-cart span input {
  padding-left: 35px !important;
  position: relative;
  z-index: 2;
}

/* Booking Form Container */
.booking-form {
  background-color: #1a1a1a;
  color: black!important;
  padding: 30px!important;
  border-radius: 12px;
  max-width: 600px;
  margin: 30px auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.booking-form form{
	margin-top:30px!important;
}
/* Booking Form Styling */
form.rnb-cart {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

/* Headings */
form.rnb-cart h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* Input & Select */
form.rnb-cart input[type="text"],
form.rnb-cart input[type="number"],
form.rnb-cart select {
  width: 100%;
  padding: 10px 14px;
  border-radius: 8px;
  background-color: #2c2c2c;
  border: 1px solid #444;
  color: black!important;
  font-size: 15px;
  margin-bottom: 20px;
}

/* Quantity Input */
form.rnb-cart .redq-quantity input.inventory-qty {
  background-color: #2c2c2c;
  border: 1px solid #444;
  color: #fff;
  border-radius: 8px;
  padding: 10px;
}

/* Book Now Button */
form.rnb-cart .btn-book-now {
  background-color: #ffcc00!important;
  color: #000;
  font-size: 17px;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
  margin-top: 10px;
  width: 100%;
}

form.rnb-cart .btn-book-now:hover {
  background-color: #e6b800;
}

/* Error Message */
form.rnb-cart .rnb-error {
  color: #ff4d4d;
  font-weight: bold;
  margin-top: 15px;
  display: block;
}

/* Responsive Design */
@media (max-width: 600px) {
  form.rnb-cart {
    padding: 20px;
  }

  form.rnb-cart h5 {
    font-size: 16px;
  }

  form.rnb-cart .btn-book-now {
    font-size: 16px;
  }
}




/* Booking Pricing Info Box */
.rnb-loader .booking-pricing-info {
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px 25px;
  border-radius: 12px;
  margin-top: 25px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

/* Price List */
.rnb-loader .booking-pricing-info .booking_cost ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Each row */
.rnb-loader .booking-pricing-info .booking_cost li {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #333;
}

/* Last item (Grand Total) styling */
.rnb-loader .booking-pricing-info .booking_cost li.total {
  border-top: 2px solid #ffcc00;
  border-bottom: none;
  padding-top: 15px;
  margin-top: 10px;
}

/* Label and Price */
.rnb-loader .booking-pricing-info .booking_cost .name {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.rnb-loader .booking-pricing-info .booking_cost .price {
  font-weight: 700;
  font-size: 16px;
  color: #ffcc00;
}

/* Currency symbol styling */
.rnb-loader .booking-pricing-info .woocommerce-Price-currencySymbol {
  font-size: 14px;
  margin-left: 4px;
}
form.rnb-cart .redq-quantity input.inventory-qty{
	border: 1px solid #ffcc00!important;
	color:white!important;
}




/* Dark Theme Cart Styling */
.site-main .wc-block-cart {
  background-color: #1a1a1a;
  padding: 40px 20px;
  border-radius: 12px;
  color: #fff;
}

/* Cart Heading */
.page-header h1.entry-title {
  font-size: 32px;
  color: black;
  text-align: center;
  margin-bottom: 30px;
}

/* Product Table */
.wc-block-cart__main table {
  width: 100%;
  background: #2c2c2c;
  border-radius: 10px;
  overflow: hidden;
}

.wc-block-cart-items__header th {
  background-color: #333;
  color: #fff;
  font-weight: 600;
  padding: 15px;
  text-align: left;
}

.wc-block-cart-items__row td {
  padding: 20px;
  border-bottom: 1px solid #444;
  vertical-align: top;
}

/* Product Image */
.wc-block-cart-item__image img {
  border-radius: 8px;
  width: 100px;
  height: auto;
}

/* Product Details */
.wc-block-components-product-name {
  color: #ffcc00;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.wc-block-components-product-details__name {
  color: #ccc;
  font-weight: 500;
}
.wc-block-components-product-details__value {
  color: #fff;
}

/* Quantity Box */
.wc-block-components-quantity-selector__input {
  background: #1a1a1a;
  color: #fff;
  border: 1px solid #555;
}

.wc-block-components-quantity-selector__button {
  background: #444;
  color: #fff;
  border: none;
}

/* Totals Sidebar */
.wc-block-cart__sidebar {
  background: #2c2c2c;
  padding: 30px;
  border-radius: 10px;
  margin-top: 30px;
}

.wp-block-woocommerce-cart-order-summary-heading-block {
  color: #ffcc00;
  font-size: 24px;
  margin-bottom: 20px;
}

.wc-block-components-totals-item__label {
  color: #ccc;
}
.wc-block-components-totals-item__value {
  color: #fff;
  font-weight: bold;
}

/* Checkout Button */
.wc-block-cart__submit-button {
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  border-radius: 8px;
  padding: 14px;
  font-size: 16px;
  transition: background-color 0.3s ease;
}
.wc-block-cart__submit-button:hover {
  background-color: #e6b800;
}
#wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
	color:black;
	background-color:#ffcc00!important;
}
#wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover{
	background-color:#e6b800!important;
}




/* === Apply Coupon Button Custom Styling === */
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  background-color: #ffcc00 !important; /* Brand yellow */
  color: #000 !important;               /* Black text */

}

/* Hover effect */
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
  background-color: #e6b800 !important;
  color: #000 !important;
}
.entry-title{
	color:black;
}
/* sidebar cart */
.elementor-button--view-cart span{
	font-size: 14px!important;
}
.elementor-button--checkout span{
	font-size: 14px!important;
}
.elementor-menu-cart__footer-buttons a{
	display:flex!important;
	justify-content:center!important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{
	font-size:24px!important;
}
.elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{
	font-size:25px!important;
	color:#54595f!important;
}
.related .products h2{
	font-size:20px!important;
}
.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{
	font-size:16px!important;
}
/* media query for mobile */
@media (max-width: 768px){
	.e-search .e-search-submit{
	height:30px!important;
}
	.dubai-mall-heading .elementor-icon-box-icon {
    margin-bottom: 0px!important;
}
}