/*
Theme Name: Atlasz Klíma
Theme URI: https://atlaszklima.hu
Author: Zengo
Description: Atlasz Klíma – klímatelepítés, hőszivattyú, szellőztetés. Egyedi WordPress sablon.
Version: 1.2.3
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: atlasz-klima
*/

/* ===== KONSZOLIDALT: layout + blocks + forms (biztos betoltes) ===== */
.atlasz-topbar a { font-size: 15px; }
.atlasz-topbar .atlasz-tel { font-size: 16px; font-weight: 800; }

.atlasz-nav { margin-left: auto; }
.atlasz-nav__list,
.atlasz-fnav__list { list-style: none; margin: 0; padding: 0; }
.atlasz-nav__list {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap;
}
.atlasz-nav a {
  font-size: 17px;
  color: #132638;
  text-decoration: none;
  font-weight: 600;
  padding: 8px 2px;
  border-bottom: 2px solid transparent;
  display: inline-block;
}
.atlasz-nav .current-menu-item > a,
.atlasz-nav .current_page_item > a {
  color: #123F6D;
  border-bottom-color: #F2700F;
}
.atlasz-fnav__list { display: flex; flex-direction: column; gap: 10px; }
.atlasz-fnav a { color: #BCD3E8; text-decoration: none; font-size: 15px; }

.atlasz-navtoggle {
  display: none;
  background: none;
  border: 1px solid #C4D6E6;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 22px;
  line-height: 1;
  color: #123F6D;
  cursor: pointer;
}

/* Marka-fal */
.atlasz-brands {
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 0 28px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.atlasz-brand {
  background: #ffffff;
  border-radius: 10px;
  padding: 14px 22px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.atlasz-brand img { max-height: 100%; max-width: 130px; width: auto; display: block; }
.atlasz-brand span {
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #123F6D;
  letter-spacing: .02em;
}

@media (max-width: 860px) {
  .atlasz-navtoggle { display: block; margin-left: auto; }
  .atlasz-nav {
    flex-basis: 100%;
    order: 3;
    margin-left: 0 !important;
    display: none;
  }
  .atlasz-nav.is-open { display: block; }
  .atlasz-nav__list {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 2px !important;
  }
  .atlasz-nav a { width: 100%; padding: 12px 4px !important; border-bottom: 1px solid #EEF3F8 !important; }
  .atlasz-header-cta { display: none; }
  .atlasz-logo img { height: 52px !important; }
}

.wp-block-column[style*="border-width"],
.wp-block-group[style*="border-width"],
.wp-block-column[style*="border-color"],
.wp-block-group[style*="border-color"] { border-style: solid; }
[style*="border-left-width"] { border-left-style: solid; }
[style*="border-left-color"] { border-left-style: solid; }

/* Plugin-urlapok (Kadence Form / Contact Form 7 / WPForms) a tema stilusaban. */
.kb-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.kb-form textarea, .kb-form select,
.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.wpcf7-form textarea, .wpcf7-form select,
.wpforms-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.wpforms-form textarea, .wpforms-form select {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 14px;
  border: 1px solid #C4D6E6;
  border-radius: 8px;
  font: 15px 'Manrope', sans-serif;
  color: #132638;
  background: #ffffff;
}
.kb-form input:focus, .kb-form textarea:focus, .kb-form select:focus,
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus,
.wpforms-form input:focus, .wpforms-form textarea:focus, .wpforms-form select:focus {
  outline: none;
  border-color: #F2700F;
}
.kb-form label, .wpcf7-form label, .wpforms-field label {
  font: 600 14px 'Manrope', sans-serif;
  color: #123F6D;
  display: block;
  margin-bottom: 6px;
}
.kb-forms-submit,
.wpcf7-form input[type=submit],
.wpforms-form button[type=submit],
.wpforms-submit {
  background: #F2700F !important;
  color: #ffffff !important;
  border: none !important;
  font: 700 16px 'Manrope', sans-serif !important;
  padding: 14px 30px !important;
  border-radius: 8px !important;
  cursor: pointer;
}
.kb-forms-submit:hover,
.wpcf7-form input[type=submit]:hover,
.wpforms-form button[type=submit]:hover,
.wpforms-submit:hover {
  background: #D95F06 !important;
}

/* ===== Kártyák egyenlő magasság (folyamat + szolgáltatások) ===== */
.wp-block-columns { align-items: stretch; }
.wp-block-column:has(> .wp-block-group.has-background),
.wp-block-column:has(> .wp-block-group.has-border-color) { display: flex; }
.wp-block-column > .wp-block-group.has-background,
.wp-block-column > .wp-block-group.has-border-color {
  flex: 1 1 auto; height: 100%; box-sizing: border-box;
}
/* Szolgáltatás-kártyák: középre igazított szöveg + térköz */
.wp-block-column > .wp-block-group.has-border-color { text-align: center; padding-bottom: 22px; }
.wp-block-column > .wp-block-group.has-border-color > .wp-block-heading,
.wp-block-column > .wp-block-group.has-border-color > p { padding-left: 20px; padding-right: 20px; }
.wp-block-column > .wp-block-group.has-border-color .wp-block-image { margin-bottom: 16px; }
/* Több térköz a szolgáltatás-sorok közt */
.wp-block-columns { margin-bottom: 28px; }

/* Márka-logók a főoldalon — egységes magasság */
.atlasz-brand { margin: 0; }
.atlasz-brand img { height: 42px; width: auto; display: block; }
