/*
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.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baty

Copyright (C) 2026 The Blue Team

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
*/

/*
 * Baty WordPress Theme
 * Copyright (C) 2026 The Blue Team
 *
 * This theme is licensed under the GNU General Public License v2 or later.
 */ 

/* 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;
}

/* Keyboard focus accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--wp--preset--color--contrast);
  outline-offset: 3px;
}
.btn:focus-visible {
  outline: 3px solid var(--wp--preset--color--contrast);
  outline-offset: 3px;
}
