/*
Theme Name: KRDB.theme
Theme URI: https://krdb.pl/
Author: Grupa KRDB
Author URI: https://krdb.pl/
Description: KRDB.theme - Minimalistyczny motyw zoptymalizowany pod Elementor i WooCommerce.
Version: 1.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: krdb-theme
Tags: minimal, block-editor, elementor-ready, woocommerce, e-commerce
*/

/* Minimalny reset CSS */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; font-family: 'Nunito Sans', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

/* Użyteczne klasy szerokości dla pełnych sekcji (Elementor/Gutenberg alignfull/alignwide) */
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.alignwide { max-width: min(1200px, 90vw); margin-left: auto; margin-right: auto; }

/* Content area - Elementor kontroluje wszystkie style */
.site-content {
  /* Minimalne style - Elementor przejmuje kontrolę */
}

/* Podstawowe style dla WooCommerce - tylko to co niezbędne */
.woocommerce {
  /* Reset dla WooCommerce - Elementor przejmuje kontrolę */
}

.woocommerce-page {
  /* Strony WooCommerce - minimalne style */
}

/* Usuń domyślne style WooCommerce, aby nie kolidowały z Elementorem */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  /* Elementor kontroluje te elementy */
}

/* Style dla obrazków wyróżnionych */
.featured-image-container {
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.featured-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.featured-image:hover {
  transform: scale(1.02);
}

/* Style dla różnych kontekstów */
.archive-featured .featured-image {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.page-featured .featured-image {
  border-radius: 16px;
  margin-bottom: 2rem;
}

/* Responsywność dla obrazków wyróżnionych */
@media (max-width: 768px) {
  .featured-image-container {
    margin-bottom: 1rem;
  }
  
  .featured-image {
    border-radius: 6px;
  }
}