/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Stable tag: 3.3.0
	Requires at least: 6.0
	Tested up to: 6.7
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Template: hello-elementor
    Version: 1.0.0
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
@import url("../hello-elementor/style.css");

/* video slide: black background and responsive */
/*.woocommerce-product-gallery__image.video-slide { text-align:center; background:#000; }
.woocommerce-product-gallery__image.video-slide iframe,
.woocommerce-product-gallery__image.video-slide video { max-width:100%; border-radius:6px; }*/

/* thumbnail: style the video thumbnail (last) */
/*.flex-control-thumbs li.video-thumb { position: relative; cursor: pointer; background:#000; border-radius:4px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.flex-control-thumbs li.video-thumb img { width:100%; height:100%; object-fit:cover; display:block; opacity:1; }*/

/* fallback (no custom thumb uploaded) -> play icon overlay */
/*.flex-control-thumbs li.video-thumb.video-thumb-fallback { background:#000; }
.flex-control-thumbs li.video-thumb.video-thumb-fallback::after {
    content: "▶";
    font-size: 26px;
    color: #fff;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}*/

/* make sure active state matches theme (adapt if needed) */
/*.flex-control-thumbs li.active { outline: 2px solid rgba(0,0,0,0.15); }*/

/* Video slide styling */
/*.swiper-slide.video-slide { background:#000; text-align:center; }
.swiper-slide.video-slide iframe,
.swiper-slide.video-slide video {
    max-width:100%;
    border-radius:6px;
}
*/
/* Video thumbnail styling */
/*.swiper-slide.video-thumb { cursor:pointer; position:relative; }
.swiper-slide.video-thumb img { width:100%; height:auto; display:block; }

.woocommerce-product-gallery__image {
  margin-bottom: 10px;
}*/

.video-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0,0,0,0.85);
}

.video-popup-content {
    margin: auto;
    background: #ffffff00;
    border-radius: 0px;
    padding: 0px 0px;
    max-width: 90%;
    width: 402px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

.close-video {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background: #000;
    padding: 0px 13px 5px;
    border-radius: 50%;
    z-index: 9999;
}

.view-video-btn {
    margin-top: 15px;
    padding: 12px 24px;
    background: #ccc3a8 !important;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}
.view-video-btn:hover {
  background: #005bb5;
}

@media (max-width: 768px) {
  .video-popup-content {
    width: 95%;
    padding: 0px;
  }
  .video-wrapper video {
    height: auto;
    max-height: 570px;
  }
}

/* Base button styling */
#back-btn {
  background-color: #BCA174;
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  padding: 10px 18px;
  font-size: 20px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* Hover effect */
#back-btn:hover {
  background-color: #b8925c;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(0,0,0,0.2);
}

/* Add Font Awesome icon via pseudo-element */
#back-btn::before {
  content: "\f060"; /* Unicode for arrow-left */
  font-family: "Font Awesome 5 Free"; /* For FA 5 */
  font-weight: 900; /* Solid icon */
  font-size: 18px;
  line-height: 1;
}

/* For Font Awesome 6, replace the family name with: */
#back-btn::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
/* Disable arrow at first slide */
.woocommerce-product-gallery .wpgs-for .flaticon-back.slick-disabled,
.woocommerce-product-gallery .wpgs-for .flaticon-right-arrow.slick-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}
.summary.entry-summary{
    padding-left: 25px!important;
}
.extra-toggle-close-menu {
    margin-right: 60px!important;
}
.woocommerce div.product div.images {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}

.woocommerce div.product div.images .flex-control-thumbs {
    width: 80px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    flex: 1;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100% !important;
}

@media (max-width: 768px) {
    .summary.entry-summary{
		padding-left: 15px!important;
	}
}
.font-b{
    font-family: 'roboto', Sans-Serif;
}
/* RESET Elementor default active (optional but recommended) */
.elementor-tab-title.elementor-active {
    text-decoration: none !important;
}

/* ACTIVE TAB (Accents / Furniture / Lights) */
.elementor-tab-title.active-tab {
    text-decoration: underline;
    font-weight: 500;
}

/* ACTIVE SUBMENU LINK */
.elementor-tab-content a.active-sub {
    background-color: #d8d1c4;
    display: block;
    padding: 6px 10px;
}

/* Optional: smooth transition */
.elementor-tab-title {
    transition: all 0.3s ease;
}