/*
Theme Name: DobraNutkaWordpress
Theme URI: https://dobranutka.pl
Author: Dobra Nutka
Author URI: https://dobranutka.pl
Description: Motyw WordPress dla Dobra Nutka — personalizowane piosenki na zamówienie. Kompatybilny z Elementor, ACF i WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dobranutka
Tags: custom-logo, custom-menu, featured-images, theme-options, translation-ready
*/

/* ========================
   Additional theme styles
   (Main CSS in css/theme-compiled.css)
   ======================== */

/* WooCommerce Layout Fixes */
.woocommerce .woocommerce-products-header,
.woocommerce ul.products,
.woocommerce-page ul.products {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.woocommerce ul.products li.product {
  background: hsl(0 0% 100%);
  border-radius: 1rem;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
}

.woocommerce ul.products li.product a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: hsl(32, 100%, 26%);
  color: #fff;
  border-radius: calc(1rem * 2);
  font-weight: 700;
  padding: 0.75rem 2rem;
  transition: opacity 0.15s;
  border: none;
}

.woocommerce ul.products li.product a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: hsl(32, 100%, 26%);
  opacity: 0.9;
}

.woocommerce .quantity .qty {
  border: 1px solid hsl(30, 25%, 78%);
  border-radius: calc(1rem - 4px);
  padding: 0.5rem;
}

/* Elementor compatibility */
.elementor-page .site-main {
  padding: 0;
}

.elementor-page .entry-content {
  max-width: 100%;
}

/* Admin bar spacing */
body.admin-bar .fixed {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .fixed {
    top: 46px;
  }
}

/* Custom Header Opaque Background */
#site-navigation.glass-panel {
  background-color: #fdf9e9 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Examples Audio Player overlays on mobile/desktop */
.audio-play-overlay {
  opacity: 1 !important;
  background-color: rgba(0, 0, 0, 0.25) !important; /* lekko szare tło */
}

@media (min-width: 768px) {
  .audio-play-overlay {
    opacity: 0 !important; /* domyślnie ukryte na desktopie */
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
  
  .group:hover .audio-play-overlay,
  .audio-play-overlay.is-playing {
    opacity: 1 !important; /* widoczne po najechaniu lub podczas odtwarzania */
  }
}

/* Hero Image and Floating Panel Positioning */
.hero-image-container {
  position: relative !important;
}

.hero-glass-panel {
  position: absolute !important;
  bottom: 1rem !important;
  left: 1rem !important;
  right: auto !important;
  width: calc(100% - 2rem) !important;
  max-width: 24rem !important;
  z-index: 10 !important;
}

@media (min-width: 640px) {
  .hero-glass-panel {
    bottom: 2rem !important;
    left: 2rem !important;
    width: auto !important;
    min-width: 20rem !important;
  }
}
/* Responsive visibility for order wizard info boxes */
.mobile-info-box {
  display: block;
}
.desktop-info-box {
  display: none !important;
}

@media (min-width: 1024px) {
  .mobile-info-box {
    display: none !important;
  }
  .desktop-info-box {
    display: block !important;
  }
}