/* 
Theme Name:		 Hopsasanki
Theme URI:		 https://hopsasanki.pl/
Description:	 Hopsasanki Child Theme for Playroom
Author:			 Rafał Leśniak
Author URI:		 https://lesniakrafal.com
Template:		 playroom
Version:		 1.4.0
Text Domain:	 hopsasanki
*/

/* ==========================================================================
   Lokalne fonty Baloo Chettan / Baloo Chettan 2 (Latin + Latin-Ext / Polskie znaki)
   ========================================================================== */
@font-face {
  font-family: 'Baloo Chettan 2';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/baloo-chettan-2-latinext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Baloo Chettan 2';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/baloo-chettan-2-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Bezposredni alias 'Baloo Chettan' dla motywu playroom */
@font-face {
  font-family: 'Baloo Chettan';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/baloo-chettan-2-latinext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Baloo Chettan';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/baloo-chettan-2-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --primary-color: #F47647;
    --mint-color: #8DC8AE;
    --mint-dark: #2d8659;
    --bg-cream: #FAF7EF;
    --text-dark: #444444;
}

/* ==========================================================================
   Całkowita blokada dzielenia wyrazów z dywizem (Zero Hyphens / Normal Break)
   ========================================================================== */
*, *::before, *::after,
h1, h2, h3, h4, h5, h6,
p, span, a, li, label, button,
.qodef-menu-item-text,
.qodef-shortcode,
.elementor-widget {
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    word-wrap: normal !important;
}

/* ==========================================================================
   Menu główne i mobilne – wymuszenie Baloo Chettan 2 z pełnym wsparciem znaków PL
   ========================================================================== */
#qodef-page-header .qodef-header-navigation > ul > li > a,
#qodef-page-header .qodef-header-navigation > ul > li > a span,
#qodef-page-header .qodef-header-navigation .qodef-menu-item-text,
#qodef-page-header .qodef-header-navigation .qodef-menu-item-inner,
#qodef-page-mobile-header .qodef-mobile-header-navigation > ul > li > a,
#qodef-page-mobile-header .qodef-mobile-header-navigation > ul > li > a span,
#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-menu-item-text,
#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-menu-item-inner,
nav.qodef-header-navigation a,
nav.qodef-header-navigation span,
nav.qodef-mobile-header-navigation a,
nav.qodef-mobile-header-navigation span {
    font-family: Baloo Chettan 2, Baloo Chettan, cursive, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

/* Podmenu rozwijane (dropdowny) */
.qodef-header-navigation .sub-menu li a,
.qodef-header-navigation .sub-menu li a span,
.qodef-header-navigation .sub-menu .qodef-menu-item-text {
    font-family: Baloo Chettan 2, Baloo Chettan, cursive, sans-serif !important;
    font-weight: 400 !important;
}

/* Podstawowe linki i typografia */
a {
    color: #444444 !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--primary-color) !important;
}

.headline {
    color: var(--primary-color) !important;
}

/* ==========================================================================
   Wszystkie nagłówki i przyciski – Baloo Chettan 2
   ========================================================================== */
.qodef-theme-button,
.main-btn,
h1, h2, h3, h4, h5, h6,
.qodef-h1, .qodef-h2, .qodef-h3, .qodef-h4, .qodef-h5, .qodef-h6 {
    font-family: Baloo Chettan 2, Baloo Chettan, cursive, sans-serif !important;
}

/* ==========================================================================
   Akordeony / Karty Dodatkowych Atrakcji (Qi Addons / Elementor)
   ========================================================================== */
.elementor-widget-qi_addons_for_elementor_accordion {
    margin-bottom: 14px !important;
}

.elementor-widget-qi_addons_for_elementor_accordion .elementor-widget-container {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(244, 118, 71, 0.14) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(35, 39, 56, 0.05), 0 0 25px rgba(244, 118, 71, 0.06) !important;
    padding: 6px 14px !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-widget-qi_addons_for_elementor_accordion .elementor-widget-container:hover {
    box-shadow: 0 8px 30px rgba(35, 39, 56, 0.08), 0 0 30px rgba(244, 118, 71, 0.12) !important;
    border-color: rgba(244, 118, 71, 0.3) !important;
    transform: translateY(-2px);
}

.elementor-widget-qi_addons_for_elementor_accordion .qodef-qi-accordion .qodef-e-title-holder {
    background-color: #FFFFFF !important;
    padding: 14px 10px !important;
    border-radius: 12px !important;
}

.elementor-widget-qi_addons_for_elementor_accordion .qodef-qi-accordion .qodef-e-title-holder .qodef-e-title {
    color: #232738 !important;
    font-weight: 500 !important;
}

.elementor-widget-qi_addons_for_elementor_accordion .qodef-qi-accordion .qodef-e-content {
    background-color: #FFFFFF !important;
    border-radius: 0 0 12px 12px !important;
    padding: 0 10px 16px 10px !important;
}

/* ==========================================================================
   Nagłówki Sekcji i Kolory Typografii
   ========================================================================== */
.qodef-section-title .qodef-m-tagline {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
}

.qodef-section-title .qodef-m-title[style*=F6F1E4],
.qodef-section-title .qodef-m-title[style*=f6f1e4],
.qodef-section-title .qodef-m-title[style*=FAF7EF],
.qodef-section-title .qodef-m-title[style*=faf7ef] {
    color: var(--mint-color) !important;
}

/* ==========================================================================
   Pomocnicze klasy autorskie
   ========================================================================== */
.justify-content-between {
    border: 1px solid #f8f9fa;
    box-shadow: 0 0 20px 0px #dee2e6;
    cursor: pointer;
    overflow: hidden;
    transition: 0.3s all;
}

.text-secondary_kids {
    color: #ffffff !important;
}

.bg-light {
    background-color: #ffffff !important;
    box-shadow: 0 0 40px 0px #ffdfca;
    border-radius: 15px;
}

.text-center_kids { 
    text-align: center !important; 
}

.main-btn {
    background-color: var(--primary-color) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.main-btn:hover {
    background-color: #e05e2e !important;
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .main-btn {
        margin-top: 20px;
    }
}