/*
Theme Name: Elektra Lubań Theme
Theme URI: https://elektraluban.145-239-94-191.sslip.io
Author: Antigravity & Elektra Lubań
Author URI: https://elektraluban.pl
Description: Dedykowany, czysty i nowoczesny motyw dla salonu stolarki otworowej i podłóg Elektra Lubań.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.2
Requires PHP: 8.2
License: GNU General Public License v2 or later
Text Domain: elektra-theme
*/

/* Reset & Utilities base */
:root {
  --brand-red: #E02B20;
  --brand-red-hover: #C61E14;
  --brand-red-light: #FFF1F0;
  --brand-dark: #252122;
  --brand-charcoal: #212529;
  --brand-muted: #495057;
  --brand-border: #E9ECEF;
  --brand-surface: #F8F9FA;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: #212529 !important;
  background-color: #ffffff !important;
}

.bg-brand-red { background-color: #E02B20 !important; }
.bg-brand-redHover:hover, .hover\:bg-brand-redHover:hover { background-color: #C61E14 !important; }
.bg-brand-redLight { background-color: #FFF1F0 !important; }
.bg-brand-surface { background-color: #F8F9FA !important; }
.bg-brand-dark { background-color: #252122 !important; }
.text-brand-red { color: #E02B20 !important; }
.text-brand-charcoal { color: #212529 !important; }
.text-brand-muted { color: #495057 !important; }
.border-brand-border { border-color: #E9ECEF !important; }
.border-brand-red { border-color: #E02B20 !important; }

/* WooCommerce Buttons & Accents */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit {
  background-color: #E02B20 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: #C61E14 !important;
  color: #ffffff !important;
}
.woocommerce span.onsale {
  background-color: #E02B20 !important;
}

/* GPU Composited Transitions & Performance */
.transition-transform {
  will-change: transform;
}
.transition-opacity {
  will-change: opacity;
}

/* iOS Safe Area bottom padding for mobile sticky bar */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .fixed.bottom-0 {
    padding-bottom: calc(0.625rem + env(safe-area-inset-bottom));
  }
}

/* iOS Safe Area top padding for top notification bar */
@supports (padding-top: env(safe-area-inset-top)) {
  .mobile-safe-top {
    padding-top: calc(0.375rem + env(safe-area-inset-top));
  }
}

/* iOS Safe Area insets for mobile drawer */
@supports (padding-top: env(safe-area-inset-top)) {
  .mobile-drawer-safe > div:first-child > div:first-child {
    padding-top: calc(1rem + env(safe-area-inset-top));
  }
  .mobile-drawer-safe > div:last-child {
    padding-bottom: calc(1.25rem + env(safe-area-inset-bottom));
  }
}

/* Touch responsiveness & mobile header polishing */
.touch-manipulation {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.shadow-xs {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}