/*
 * Szabó Art Design
 * Mobil olvashatósági és tipográfiai finomhangolás
 *
 * Betöltési sorrend:
 * a global, homepage és Project Intake frontend CSS után.
 *
 * A fájl kizárólag célzott felülírásokat tartalmaz.
 */

/* ================================================================
   Header: 1181–1280 px közötti kompakt desktop tartomány
   ================================================================ */

@media (min-width: 1181px) and (max-width: 1280px) {
  .szaboartdesign-site-header__menu-link {
    padding-inline: 6px;
    font-size: 0.78rem;
  }

  .szaboartdesign-site-header__desktop-cta {
    min-width: 176px;
    padding-inline: 16px;
    font-size: 0.78rem;
  }
}

/* ================================================================
   Mobil olvashatóság
   ================================================================ */

@media (max-width: 767px) {
  /* Kapcsolat oldal főcím */
  .szaboartdesign-contact-page__title {
    font-size: clamp(2.28rem, 9vw, 3rem);
    line-height: 1.04;
    letter-spacing: -0.038em;
  }

  /* Kapcsolat oldal proof sor */
  .szaboartdesign-contact-page__proof dd {
    color: rgba(241, 244, 247, 0.62);
    font-size: 0.80rem;
    line-height: 1.5;
  }

  /* Kapcsolat oldal űrlapfejléc */
  .szaboartdesign-contact-page__form-header > p {
    font-size: 0.74rem;
  }

  .szaboartdesign-contact-page__form-header > span {
    color: rgba(241, 244, 247, 0.58);
    font-size: 0.82rem;
    line-height: 1.55;
  }

  /* Főoldali esettanulmányok */
  .szaboartdesign-case-studies__description {
    font-size: 0.90rem;
    line-height: 1.64;
  }

  .szaboartdesign-case-studies__detail-copy p {
    font-size: 0.86rem;
    line-height: 1.62;
  }

  .szaboartdesign-case-studies__metric-label {
    font-size: 0.75rem;
    line-height: 1.4;
  }

  /* Főoldali GYIK */
  .szaboartdesign-faq__technical-note p {
    font-size: 0.84rem;
    line-height: 1.58;
  }

  .szaboartdesign-faq__answer p {
    font-size: 0.92rem;
    line-height: 1.72;
  }

  /* Globális lábléc */
  .szaboartdesign-site-footer__bottom p {
    font-size: 0.80rem;
  }

  .szaboartdesign-site-footer__back-to-top {
    font-size: 0.75rem;
  }

  .szaboartdesign-site-footer__column a {
    font-size: 0.88rem;
  }
}

@media (max-width: 480px) {
  /* ------------------------------------------------------------
     Aktív Szabó Art Design Project Intake űrlaprendszer
     ------------------------------------------------------------ */

  .sadpi-field label,
  .sadpi-field legend,
  .sadpi-choice,
  .sadpi-service-card {
    font-size: 0.86rem;
    line-height: 1.5;
  }

  .sadpi-field-help,
  .sadpi-form__privacy-note,
  .sadpi-field-error,
  .sadpi-conditional-section__heading p {
    font-size: 0.80rem;
    line-height: 1.55;
  }

  .sadpi-field input:not([type="checkbox"]):not([type="radio"]),
  .sadpi-field select,
  .sadpi-field textarea {
    font-size: 1rem;
    line-height: 1.45;
  }

  .sadpi-field input[type="file"] {
    font-size: 0.84rem;
  }

  /* ------------------------------------------------------------
     Régi Gravity Forms szelektorok kompatibilitási védelme
     Nem változtatja meg az aktív Project Intake működését.
     ------------------------------------------------------------ */

  .szaboartdesign-contact-page__form-shell .gfield_label,
  .szaboartdesign-contact-page__form-shell .gform-field-label,
  .szaboartdesign-contact-page__form-shell
  .szaboartdesign-field--contact-method .gchoice label,
  .szaboartdesign-contact-page__form-shell
  .szaboartdesign-field--compact-choices .gchoice label,
  .szaboartdesign-contact-page__form-shell
  .szaboartdesign-field--ongoing .gchoice label,
  .szaboartdesign-contact-page__form-shell
  .szaboartdesign-field--consent .gchoice label {
    font-size: 0.86rem !important;
    line-height: 1.5 !important;
  }

  .szaboartdesign-contact-page__form-shell .gfield_description,
  .szaboartdesign-contact-page__form-shell .validation_message,
  .szaboartdesign-contact-page__form-shell
  .szaboartdesign-field--conditional-section .gsection_description,
  .szaboartdesign-contact-page__form-shell
  .szaboartdesign-field--upload input[type="file"] {
    font-size: 0.80rem !important;
    line-height: 1.55 !important;
  }

  .szaboartdesign-contact-page__form-shell input[type="text"],
  .szaboartdesign-contact-page__form-shell input[type="email"],
  .szaboartdesign-contact-page__form-shell input[type="tel"],
  .szaboartdesign-contact-page__form-shell input[type="url"],
  .szaboartdesign-contact-page__form-shell input[type="number"],
  .szaboartdesign-contact-page__form-shell select,
  .szaboartdesign-contact-page__form-shell textarea {
    font-size: 1rem !important;
  }
}

@media (max-width: 390px) {
  .szaboartdesign-contact-page__title {
    font-size: 2.18rem;
    line-height: 1.06;
    letter-spacing: -0.035em;
  }
}