body {
  line-height: var(--at-line-height, 1.6);
  letter-spacing: var(--at-letter-spacing, normal);
}

/*
    TOGGLE BUTTON
*/

.wcag_header {
  display: flex;
  align-items: center;   /* vertical middle */
  /* justify-content: space-between; */
  gap: 12px;
}

button#at-toggle-btn {
  font-size: 3rem;
  line-height: 1rem;
  color: #fff;
  padding: 0;
  border-radius: 50%;
  border-width: 0;
  z-index: 1;
  text-align: center;
}


/*
    PANEL UI
*/

.at-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:56px;
  padding:12px 0;
  border-bottom:1px solid #e5e5e5;
  box-sizing:border-box;
}

.at-title{
  font-size:1.6rem;
  font-weight:600;
}

.at-header .at-title{
font-size: 1.2rem;
  font-weight: 500;
}


#at-close{
  display:flex;
  align-items:center;
  justify-content:center;

  width:40px;
  height:40px;

  border:none;
  background:none;
  cursor:pointer;

  font-size:2rem;
  line-height:1;
  color:#aaa;
}


/*
    FEATURE STEPPER
*/

.at-stepper{
  display:flex;
  align-items:center;
  border:1px solid #d8dde5;
  border-radius:8px;
  overflow:hidden;
}

.at-stepper button{
  width:40px;
  height:40px;

  border:none;
  background:#f3f5f7;

  color:#222;
  font-size:1.8rem;
  cursor:pointer;
}

.at-stepper-display{
  width:120px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 12px;

  font-size:1.3rem;
  font-weight:500;

  background:#fff;
}


/*
    FEATURE TOGGLE
*/

.at-title{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:600;
}

.at-icon{
    width:22px;
    min-width:22px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
    line-height:1;
}

.at-icon i{
    display:block;
    line-height:1;
}

/*
    RESET BUTTON
*/

.at-feature .at-btn {
  padding: 6px 12px;
  font-size: 1.4rem;
  background: #0056ff;
  color:#fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.at-feature .at-btn:hover {
  background: #000;
  color:#fff;
}


/*
    CONTRAST MODE
*/
        .at-contrast {
          filter: contrast(1.2) brightness(1.1);
        }

        .at-contrast * {
          background-image: none !important;
        }

        .at-contrast body {
          background: #000 !important;
          color: #fff !important;
        }

        .at-contrast html,
        .at-contrast body {
          background: #000 !important;
          color: #fff !important;
        }

        .at-contrast .bg-atmenet,
        .at-contrast .leasing-split .content-img,
        .at-contrast .bg-logok,
        .at-contrast .card_akcio,
        .at-contrast .container-heroslider .item,
        .at-contrast .container-main,
        .at-contrast .bg-gradient-toright,
        .at-contrast .well-kerdesevan,
        .at-contrast .container-kalkulator .container-widget,
        .at-contrast .bg-kiegeszito,
        .at-contrast .card-akcio,
        .at-contrast .card_akcio.card_akcio_compact, 
        .at-contrast .gyarto-lista .card_akcio,
        .at-contrast .img-kocsi_picture,
        .at-contrast .kartya_img,
        .at-contrast .kalkj .stacked,
        .at-contrast .bg-lizingbg,
        .at-contrast .lp_hero,
        .at-contrast .lp_onecard figure,
        .at-contrast .lp_akcio_header,
        .at-contrast .magazin-custom,
        .at-contrast .cover-magazin .kepdiv,
        .at-contrast .row-ugyek a {
          background: #000 !important;
          background-image: none !important;
        }

        .at-contrast * {
          background-color: transparent !important;
          color: inherit !important;
          border-color: #fff !important;
        }

        .at-contrast img {
          filter: grayscale(1) contrast(1.5);
        }

        .at-contrast a {
          color: yellow !important;
        }

        .at-contrast button {
          background: #fff !important;
          color: #000 !important;
        }


/*
    IMAGE KILL
*/
html.at-img-minimal img,
html.at-img-minimal video,
html.at-img-minimal canvas,
html.at-img-minimal svg {
  opacity: 0 !important;
}

/* REAL BACKGROUND KILL */
html.at-img-minimal [style*="background"],
html.at-img-minimal [style*="background-image"] {
  background-image: none !important;
  background: none !important;
}

/* CLASS-BASED BACKGROUNDS (nagyon fontos) */
html.at-img-minimal * {
  background-image: none !important;
}

/* pseudo elements (EZ HIÁNYZOTT!) */
html.at-img-minimal *::before,
html.at-img-minimal *::after {
  background-image: none !important;
  background: none !important;
  content: none !important;
}


/* IMAGE MODES */
html.at-img-gray img,
html.at-img-gray video,
html.at-img-gray canvas,
html.at-img-gray svg {
  filter: grayscale(1) !important;
}

html.at-img-gray [style*="background-image"],
html.at-img-gray [style*="background:"] {
  filter: grayscale(1) !important;
}

html.at-img-contrast {
  filter: contrast(1.35) brightness(1.05);
}

/* SATURATION */
html.at-sat-low { filter: saturate(0.6); }
html.at-sat-high { filter: saturate(1.4); }
html.at-sat-muted { filter: saturate(0); }

/* LINKS */
html.at-links a {
  background: yellow;
  color: black !important;
}

/* DYSLEXIA */
html.at-dyslexia body {
  font-family: Arial, sans-serif !important;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

/* READING GUIDE */
html.at-reading::before {
  content: "";
  position: fixed;
  top: 45%;
  left: 0;
  width: 100%;
  height: 2.2em;
  background: rgba(255,255,0,0.25);
  pointer-events: none;
  z-index: 9999999;
}