/*
 * Baty WordPress Theme
 * Copyright (C) 2026 The Blue Team
 *
 * This theme is licensed under the GNU General Public License v2 or later.
 * You may redistribute it and/or modify it under the terms of the GPL.
 */

/*
Third-party resources used in this theme are licensed under their respective licenses.
Full license details: readme.txt
*/
/*
Theme Name: baty
Author: the blue team
Description: Baty is a modern full-site editing WordPress theme designed for furniture stores, interior design brands, and home decor businesses with flexible layouts and customization options.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baty
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, news
*/

/* Copyright (c) 2026 the blue team */

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/* Underline links in content and text-heavy areas */
.entry-content a,
.entry-summary a,
.wp-block-post-excerpt a,
.wp-block-latest-posts__post-title a,
.wp-block-post-title a,
.comment-content a,
.textwidget a,
.widget_text a {
  text-decoration: underline !important;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation
  .wp-block-navigation-item
  ul.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
  overflow-x: auto;
}
body {
  display: block;
}
.wcqv-gallery-img {
  height: 100% !important;
}

#master-container.wpvr-cardboard {
  max-width: none !important;
  margin: 0 !important;
  height: 100% !important;
}
@media (max-width: 768px) {
  /* .two-cols-mobile{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    } */
  #master-container.wpvr-cardboard {
    max-width: 600px !important;
    width: 100% !important;
    height: 400px !important;
  }
}
@media (max-width: 768px) {
  .about_us_features h2 {
    font-size: 32px !important;
    margin-bottom: 8px !important;
  }
  .about_us_features p {
    font-size: 14px !important;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
  }
  .imageLeft img,
  .imageRight img {
    height: 260px;
    max-height: 260px;
    width: 100% !important;
  }
  .imageRight {
    margin-bottom: 0 !important;
  }
  .left-button {
    margin-bottom: 16px !important;
  }
  .right-col {
    display: flex;
    flex-direction: column-reverse;
  }

  .class-360-mobile .panorama-col {
    height: 240px !important;
    overflow: hidden;
    max-height: 240px !important;
  }
  .class-360-mobile .panolens-canvas {
    height: 240px !important;
  }
}
.features-item {
  gap: 8px !important;
}
.dashicons.dashicons-saved::before {
  color: var(--wp--preset--color--accent-5);
}
@media (max-width: 768px) {
  .panorama-col-rev {
    flex-direction: column-reverse !important;
  }
  .feat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .border-top-mb {
    border-top: 1px solid var(--wp--preset--color--accent-2);
    gap: 8px !important;
  }
  .exp-item {
    align-items: flex-start;
    padding-left: 21px !important;
    gap: 8px;
    padding: 28px 21px !important;
    p {
      font-size: 15px !important;
    }
  }
  /* نخلي الـ container هو السلايدر */
  .parent-360-cols {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }

  /* نكسر الـ rows */
  .parent-360-col {
    display: contents !important;
  }

  /* كل item */
  .parent-360-cols .wp-block-column.has-border-color {
    flex: 0 0 calc(50% - 6px);
    min-width: calc(50% - 6px);
    scroll-snap-align: start;
  }

  /* نخفي الـ scrollbar */
  .parent-360-cols::-webkit-scrollbar {
    display: none;
  }

  .parent-360-cols {
    scrollbar-width: none;
    scroll-behavior: smooth;
  }
}
.wcqv-btn {
  position: absolute;
  top: -76%;
  right: 10px;
  width: 26px;
  height: 26px;
  z-index: 999;
  font-size: 0;
  background-color: transparent !important;
  opacity: 0;
  transition: all 0.3s ease;
}
.wc-block-product:hover .wcqv-btn {
  opacity: 1;
}
@media (max-width: 768px) {
  .wcqv-btn {
    opacity: 1 !important;
  }
}
.wcqv-btn:focus {
  outline: none !important;
}
.wcqv-btn::after {
  content: "";
  width: 22px;
  height: 22px;

  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='13' r='2' stroke='currentColor' stroke-linejoin='round'/%3E%3Cpath d='M12 7.5C7.7 7.5 4.5 11.1 3.4 12.5C3.15 12.78 3.15 13.22 3.4 13.5C4.5 14.9 7.7 18.5 12 18.5C16.3 18.5 19.5 14.9 20.6 13.5C20.85 13.22 20.85 12.78 20.6 12.5C19.5 11.1 16.3 7.5 12 7.5Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background-size: contain;
  background-repeat: no-repeat;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wcqv-thumbs {
  overflow: visible !important;
}
.wcqv-thumb {
  border-radius: 0 !important;
}
.wcqv-main-img .woocommerce img,
.wcqv-main-img .woocommerce-page img {
  height: 100% !important;
}
.wcqv-title {
  color: var(--wp--preset--color--contrast) !important;
}
.wcqv-stock.in-stock {
  padding: 5px 10px;
  background-color: #0c8c3c0f;
  color: #006e29;
}
.wcqv-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  color: var(--wp--preset--color--contrast) !important ;
}

.wcqv-price {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.wcqv-swatch.selected {
  outline-color: var(--wp--preset--color--accent-5) !important;
}
.wcqv-atc {
  background-color: var(--wp--preset--color--contrast) !important;
}
.wcqv-qty-wrap {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.wcqv-qty {
  border-inline: 1px solid var(--wp--preset--color--accent-2) !important;
}
.wcqv-atc {
  border-radius: 0 !important;
  color: white !important;
}
.wcqv-modal {
  border-radius: 0px;
}
.wcqv-gallery {
  background-color: transparent !important;
}
.wcqv-modal {
  background-color: var(--wp--preset--color--base);
}
.wcqv-main-img {
  border-radius: 0 !important;
}
.wcqv-details {
  overflow: visible !important;
}
.wcqv-gallery,
.wcqv-details {
  padding: 0 !important;
}
.wcqv-content {
  gap: 24px !important;
  padding: 40px 37px !important;
}
.wcqv-main-img {
  height: 493px;
}
.wcqv-share-btn {
  background-color: var(--wp--preset--color--accent-5) !important;
}
.wcqv-share-btn,
.wcqv-badge {
  border-radius: 0 !important;
}
.wcqv-meta-item,
.wcqv-meta-item a {
  color: var(--wp--preset--color--accent-4) !important;
}
.wcqv-thumbs .wcqv-thumb:nth-child(n + 6) {
  display: none;
}

.wp-block-cover.alignfull.aboutus-banner {
  min-height: 530px !important;
}
@media (max-width: 768px) {
  .wp-block-cover.alignfull.aboutus-banner {
    min-height: 240px !important;
  }
  .breadcrumb-au {
    margin-top: 18px !important;
    margin-bottom: 8px !important;
  }
  .wcqv-content {
    padding: 20px 16px !important;
    gap: 16px !important;
  }
  .wcqv-thumbs .wcqv-thumb:nth-child(n + 5) {
    display: none;
  }
  .wcqv-main-img {
    height: 300px !important;
  }
}
.wcqv-overlay {
  margin: 0 !important;
}

.features-item {
  gap: 8px !important;
}
.dashicons.dashicons-saved::before {
  color: var(--wp--preset--color--accent-5);
}

@media (max-width: 768px) {
  .about-slider {
    overflow: hidden;
  }

  /* الكونتينر اللي فيه كل الـ rows */
  .about-slider {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  /* كل row = slide */
  .about-slider > .wp-block-columns {
    flex: 0 0 100%;
    max-width: 100%;
    scroll-snap-align: start;
    margin: 0 !important;
  }

  /* نشيل أي لف */
  .about-slider .wp-block-columns {
    flex-wrap: nowrap;
  }

  /* نخلي كل box جوه الصف ياخد نص */
  .about-slider .wp-block-column {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* نخفي scrollbar */
  .about-slider::-webkit-scrollbar {
    display: none;
  }
  .about-slider {
    scrollbar-width: none;
  }
  .about-slider img {
    width: 50px !important;
    height: 50px !important;
  }
  .parent-col {
    flex-direction: column-reverse !important;
  }
}
.store-features {
  min-height: auto !important;
}