/*
 Theme Name:   Bestclean24 Child
 Theme URI:    https://bestclean24.pl
 Description:  Child theme for Bestclean24 — specjalistyczne sprzatanie
 Author:       UXLOGIA
 Author URI:   https://uxlogia.pl
 Template:     astra
 Version:      1.2.0
 Text Domain:  bestclean24
*/

/* =============================================
   BESTCLEAN24 — CSS VARIABLES
   ============================================= */

:root {
  /* Brand colors */
  --bc-blue: #0031F4;
  --bc-blue-dark: #0028C8;
  --bc-blue-deeper: #001E96;
  --bc-blue-hover: #0026B8;
  --bc-blue-light: #EBF0FF;
  --bc-blue-10: rgba(0, 49, 244, 0.08);
  --bc-blue-20: rgba(0, 49, 244, 0.15);
  --bc-blue-overlay: rgba(0, 49, 244, 0.78);
  --bc-white: #FFFFFF;
  --bc-black: #111111;
  --bc-gray: #555555;
  --bc-gray-mid: #888888;
  --bc-gray-bg: #F5F5F7;
  --bc-border: #E0E0E0;

  /* Semantic colors */
  --bc-green: #0A8754;
  --bc-green-bg: #EDFAF3;
  --bc-red: #D92B2B;
  --bc-red-bg: #FFF0F0;
  --bc-amber: #B8860B;
  --bc-amber-bg: #FFF9E6;
  --bc-info-bg: #EBF0FF;

  /* Typography */
  --bc-font: 'Manrope', system-ui, -apple-system, sans-serif;

  /* Layout */
  --bc-max-width: 1280px;
  --bc-max-content: 720px;
  --bc-header-top: 90px;
  --bc-header-services: 52px;
  --bc-radius: 10px;
  --bc-radius-sm: 6px;
  --bc-transition: 0.3s ease;

  /* Shadows */
  --bc-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --bc-shadow-hover: 0 6px 24px rgba(0, 49, 244, 0.12);
}

/* =============================================
   GLOBAL OVERRIDES — Astra reset
   ============================================= */

body,
body.flavor-flavor {
  font-family: var(--bc-font) !important;
  color: var(--bc-black);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hide Astra's default header — we use our own */
.ast-above-header-wrap,
.ast-main-header-wrap,
.ast-below-header-wrap,
.main-header-bar-wrap,
#masthead {
  display: none !important;
}

/* Reset Astra content width */
.ast-container {
  max-width: var(--bc-max-width);
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media (max-width: 900px) {
  .ast-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}