/* Az értesítési beállító oldal saját komponensei. */
.ertesites-oldal{
  background:#f5ead7;
}
.ertlap{
  --hatter:#faf1e1;
  --szoveg:#302117;
  --szoveg-halvany:#75644f;
  --keret:#dfcfb4;
  --akcent:#ad581b;
  --gomb-szoveg:#ffffff;
  --ertlap-szoveg:#302117;
  --ertlap-halvany:#75644f;
  max-width:var(--ertlap-szelesseg,820px);
  padding-block:var(--t6) 100px;
  color:var(--ertlap-szoveg);
}
.ertlap--megerosites{
  --ertlap-szelesseg:620px;
}
.ertlap [hidden]{
  display:none;
}
.ertlap-kicker{
  display:block;
  margin-bottom:var(--t3);
  color:#9b4819;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ertlap header{
  margin-bottom:var(--t6);
}
.ertlap h1{
  color:var(--ertlap-szoveg);
  font-size:clamp(25px,5vw,36px);
  line-height:1.2;
}
.ertlap p,.ertlap small{
  color:var(--ertlap-halvany);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.ertlap-kartya{
  min-width:0;
  margin-block:var(--t5);
  padding:var(--t5);
  border:1px solid #dfcfb4;
  border-radius:5px;
  background:#fffdf9;
}
.ertlap-kartya h2{
  margin:0 0 var(--t4);
  font-size:20px;
}
.ertlap-mezo{
  display:flex;
  flex-direction:column;
  gap:var(--t2);
  min-width:0;
  margin-bottom:var(--t4);
  font-weight:700;
}
.ertlap-mezo input,.ertlap-mezo select{
  min-width:0;
  width:100%;
  min-height:44px;
  padding:var(--t3);
  border:1px solid #cdb99b;
  border-radius:5px;
  background:#ffffff;
  color:var(--ertlap-szoveg);
  font:inherit;
  font-size:16px;
}
.ertlap-pipa{
  display:flex;
  align-items:flex-start;
  gap:var(--t3);
  min-height:44px;
  margin-bottom:var(--t4);
  line-height:1.5;
}
.ertlap-pipa input{
  flex:0 0 20px;
  width:20px;
  height:20px;
  margin-top:2px;
  accent-color:var(--akcent);
}
.ertlap-idok{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--t4);
}
.ertlap-kartya ul{
  padding:0;
  list-style:none;
}
.ertlap-kartya ul>li{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--t3);
  padding-block:var(--t3);
  border-bottom:1px solid var(--keret);
}
.ertlap-kartya ul>li span{
  flex:1 1 180px;
  min-width:0;
  overflow-wrap:anywhere;
}
.ertlap-jel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  margin-bottom:var(--t4);
  border:1px solid #e4d8c5;
  border-radius:5px;
  background:#faf1e1;
  color:#9b4819;
}
.ertlap-jel svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}