/*
 Theme Name:   Hestia Child
 Theme URI:    https://
 Description:  Child theme dla Hestia
 Author:       Imię
 Author URI:   https://twoja-strona.pl
 Template:     hestia
 Version:      1.0.13
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hestia-child
*/

:root {
    --mdb-primary: #2563eb;
    --mdb-primary-rgb: 37, 99, 235;
    --mdb-primary-text: #ffffff;
}

/* ============================================================
   MOBILE RESPONSIVE OVERRIDES
   ============================================================ */

@media (max-width: 782px) {
  /* Padding boczny dla sekcji full-width - tlo zostaje edge-to-edge, tekst zyskuje oddech */
  .wp-block-group.alignfull {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Redukcja padding pionowego */
  .wp-block-group.alignfull[style*="padding-top"] {
    padding-top: clamp(30px, 6vw, 50px) !important;
    padding-bottom: clamp(30px, 6vw, 50px) !important;
  }

  /* Cover block - ograniczenie wysokosci */
  .wp-block-cover.alignfull {
    min-height: 450px !important;
  }

  /* Cover block - skalowanie fontow (naprawa 93px H1 na stronie glownej) */
  .wp-block-cover h1.wp-block-heading {
    font-size: clamp(2rem, 8vw, 4rem) !important;
    line-height: 1.15;
  }

  .wp-block-cover p:not(.has-small-font-size) {
    font-size: clamp(1rem, 3.5vw, 1.5rem) !important;
  }

  .wp-block-cover .wp-block-button .wp-block-button__link {
    font-size: clamp(0.95rem, 2.5vw, 1.25rem) !important;
    padding: 12px 24px !important;
  }

  /* Padding wewnetrzny cover bloku */
  .wp-block-cover.alignfull .wp-block-cover__inner-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Kolumny na tabletach - stos pionowy, centrowanie ikon */
@media (max-width: 781px) {
  .wp-block-columns .wp-block-column {
    text-align: center;
  }
}

/* Male telefony */
@media (max-width: 480px) {
  .wp-block-cover.alignfull {
    min-height: 320px !important;
  }

  .wp-block-group.alignfull {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}