/* DEBC – Ügyfél Árak Kereső (customer price search) */
.debc-ak-wrap{
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#818c8e;
  background:#ffffff;
  border:1px solid rgba(129,140,142,.18);
  border-radius:14px;
  padding:22px;
  max-width:900px;
  margin:0 auto;
}

.debc-ak-title{
  font-weight:600;
  font-size:22px;
  color:#818c8e;
  margin:0;
}

.debc-ak-subtitle{
  margin-top:6px;
  font-size:14px;
  color:rgba(129,140,142,.85);
}

.debc-ak-search{
  position:relative;
  margin-top:16px;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}


#debcAkInput{
  text-align:left;
  width:100%;
  padding:14px 42px 14px 14px;
  border-radius:12px;
  border:1px solid rgba(129,140,142,.22);
  outline:none;
  font-family:inherit;
  font-weight:600;
  color:#818c8e;
  background:#fff;
  box-shadow:none;
}

#debcAkInput:focus{
  border-color:#daacaf;
  box-shadow:0 0 0 3px rgba(218,172,175,.18);
}

#debcAkClear{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border:none;
  border-radius:999px;
  background:rgba(218,172,175,.18);
  color:#818c8e;
  font-size:18px;
  line-height:30px;
  cursor:pointer;
}

#debcAkClear:hover{
  background:rgba(218,172,175,.28);
}

.debc-ak-results{
  margin-top:14px;
}

.debc-ak-empty{
  padding:14px;
  border-radius:12px;
  background:rgba(218,172,175,.10);
  border:1px dashed rgba(218,172,175,.55);
  color:#818c8e;
  font-size:14px;
}

.debc-ak-item{
  padding:14px 12px;
  border-bottom:1px solid rgba(129,140,142,.14);
}

.debc-ak-item:last-child{
  border-bottom:none;
}

.debc-ak-top{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
}

.debc-ak-top-left{
  min-width:0;
}

.debc-ak-cat{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  color:#818c8e;
  background:rgba(218,172,175,.18);
  border:1px solid rgba(218,172,175,.35);
  padding:4px 10px;
  border-radius:999px;
  margin-bottom:6px;
}

.debc-ak-type{
  /* "Esztétika" jelölés – ne legyen gomb/chip, csak finom DEBC rózsaszín szöveg */
  display:inline-flex;
  align-items:center;
  font-size:12px;
  font-weight:600;
  color:#daacaf;
  background:transparent;
  border:none;
  padding:0;
  border-radius:0;
}

.debc-ak-ter-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

/* Inline tags next to "Esztétika" – NOT buttons, no chip background */
.debc-ak-tags{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  align-items:center;
}

.debc-ak-tag{
  display:inline-flex;
  align-items:center;
  gap:0;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:rgba(129,140,142,.90);
  font-size:12px;
  font-weight:500;
  line-height:1.2;
}

/* Cute little dot separators between tags (no chip background, no button look) */
.debc-ak-tag:not(:first-child)::before{
  content: "•";
  display:inline-block;
  margin: 0 8px;
  color: rgba(129,140,142,.55);
}

/* Kept for meta icons (discount/consult), tags no longer use icons */
.debc-ak-tag-ico{
  width:16px;
  height:16px;
  opacity:.9;
}

.debc-ak-tag-more{
  opacity:.85;
}

.debc-ak-top-right{
  flex:0 0 auto;
}

.debc-ak-title-row{
  margin-top:8px;
}

.debc-ak-label-link,
.debc-ak-label-text{
  font-weight:600;
  color:#818c8e;
  text-decoration:none;
}

.debc-ak-label-link:hover{
  text-decoration:underline;
}

/* Price slot */
.debc-ak-price-slot{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}

.debc-ak-price-toggle{
  border:none;
  background:transparent;
  padding:0;
  cursor:pointer;
  line-height:0;
}

.debc-ak-price-toggle:focus{
  outline:none;
}

.debc-ak-price-toggle:focus .debc-ak-badge-round{
  box-shadow: 0 0 0 4px rgba(218,172,175,.22);
}

.debc-ak-price-reveal{
  text-align:right;
  border-radius:12px;
  padding:8px 10px;
  border:1px solid rgba(218,172,175,.40);
  background:rgba(218,172,175,.10);
  max-width:260px;
}

.debc-ak-price-label{
  font-size:11px;
  color:rgba(129,140,142,.85);
  margin-bottom:2px;
}

.debc-ak-price-value{
  font-size:12px;
  font-weight:500;
  color:#818c8e;
}

/* Meta row (consultation/discount) – NOT buttons, no chip background */
.debc-ak-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
  align-items:center;
}

.debc-ak-meta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:500;
  color:rgba(129,140,142,.95);
}

.debc-ak-meta .debc-ak-tag-ico{
  width:16px;
  height:16px;
  opacity:.9;
}

/* K-Beauty link can stay as a subtle pill (optional CTA) */
.debc-ak-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:800;
  background:#daacaf;
  color:#ffffff;
  border:none;
  text-decoration:none;
}

.debc-ak-badge:hover{ filter: brightness(0.95); }

.debc-ak-ico{
  display:inline-block;
  vertical-align:middle;
}

.debc-ak-ico-sm{
  width:18px;
  height:18px;
}

/* Chips (skin problems + providers + booking) */
.debc-ak-prob-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.debc-ak-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(218,172,175,.38);
  background:rgba(218,172,175,.10);
  color:#818c8e;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}

.debc-ak-chip-more{
  background:rgba(129,140,142,.06);
  border-color:rgba(129,140,142,.16);
}

.debc-ak-chip-outline{
  background:transparent;
  border-color:rgba(218,172,175,.55);
}

.debc-ak-chip-outline:hover{
  background:rgba(218,172,175,.10);
}

.debc-ak-chip-primary{
  border:none !important;
  background:#daacaf !important;
  color:#ffffff !important;
  font-weight:800 !important;
}

.debc-ak-chip-primary:hover{ filter: brightness(0.95); }

/* Tech text should be quieter than main description */
.debc-ak-tech{ font-size:12px; opacity:0.75; }

/* Make the *skin-problem* chips visually smaller than the booking/actions buttons */
.debc-ak-prob-chips .debc-ak-chip{
  padding:5px 8px;
  font-size:11px;
  font-weight:500;
  gap:6px;
}

.debc-ak-cal{
  fill: currentColor;
  opacity:.95;
}

.debc-ak-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  align-items:center;
}

.debc-ak-providers{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* Description + more */
.debc-ak-desc{
  margin-top:10px;
  font-size:14px;
  line-height:1.45;
  color:rgba(129,140,142,.95);
}

.debc-ak-more-row{
  margin-top:10px;
}

.debc-ak-more{
  font-weight:600;
  font-size:13px;
  color:#daacaf;
  text-decoration:underline;
}

.debc-ak-more:hover{
  opacity:.9;
}

.debc-ak-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* Helper / contact box (always visible) */
.debc-ak-help{
  margin-top:14px;
  padding:14px;
  border-radius:12px;
  background:rgba(218,172,175,.10);
  border:1px dashed rgba(218,172,175,.55);
  color:#818c8e;
  font-size:14px;
  line-height:1.45;
}
.debc-ak-help a{
  color: rgba(218,172,175,1);
  text-decoration: underline;
  font-weight: 700;
}

/* V1.0.8 chips: background nélkül, ponttal elválasztva */
.debc-ak-chipline{
  margin-top:8px;
  color:#818c8e;
  font-size:13px;
  line-height:1.35;
}
.debc-ak-chiptext{
  font-weight:600;
}
.debc-ak-chipdot{
  padding:0 6px;
  opacity:.55;
}
/* V1.0.8 kör badge-ek */
.debc-ak-badges{
  display:inline-flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.debc-ak-badge-circle{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(218,172,175,.18);
  border:1px solid rgba(218,172,175,.55);
  color:rgba(218,172,175,1);
  font-weight:800;
  font-size:10px;
  text-transform:lowercase;
}
/* Ár blokk: címke és összeg közelebb */
.debc-ak-price-inline{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
}
.debc-ak-price-inline .debc-ak-price-label{
  opacity:.75;
}

/* Ensure primary booking chip icon/text stays white */
.debc-ak-chip-primary, .debc-ak-chip-primary span{ color:#ffffff !important; }
.debc-ak-chip-primary svg, .debc-ak-chip-primary svg *{ stroke:#ffffff !important; fill:#ffffff !important; }

/* Round badges (Konzultáció / Bérlet / Kezelés kombináció / Kedvezmény) */
.debc-ak-badge-inline{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.debc-ak-badge-round{
  width:32px;
  height:32px;
  border-radius:999px;
  background:#daacaf;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  box-shadow: 0 0 0 3px rgba(218,172,175,.18);
}

/* SVG icons inside the round badge (used for chat bubbles) */
.debc-ak-badge-round .debc-ak-badge-ico{
  width:14px;
  height:14px;
  color:#ffffff;
}
.debc-ak-badge-round .debc-ak-badge-ico,
.debc-ak-badge-round .debc-ak-badge-ico *{
  stroke:#ffffff !important;
  fill:none !important;
  stroke-width:1.8 !important;
}

/* Character glyphs inside the round badge */
.debc-ak-glyph{
  display:block;
  font-weight:700;
  font-size:13px;
  line-height:1;
  color:#ffffff;
  transform: translateY(1px); /* optikai közép */
}

/* Slightly smaller glyph for the price badge ("Ft") so it stays airy */
.debc-ak-glyph-ft{
  font-size:12px;
  letter-spacing:0.2px;
}

/* Fine-tuning per badge type */
.debc-ak-badge-round-pass .debc-ak-glyph{ font-size:13px; }
.debc-ak-badge-round-combo .debc-ak-glyph{ font-size:13px; }
.debc-ak-badge-round-discount .debc-ak-glyph{ font-size:13px; }

.debc-ak-badge-text{
  font-size:11px;
  opacity:0.45;
  margin-left:6px;
  font-weight:500;
}

/* Safety: make technical descriptions smaller */
.debc-ak-tech,
.debc-ak-desc-tech{
  font-size:12px !important;
  opacity:0.75 !important;
}

/* Technical description slightly smaller */
.debc-ak-tech,
.debc-ak-desc-tech{
  font-size:12px !important;
}


/* Center alignment for search UI (desktop + mobile) */
.debc-ak-title,
.debc-ak-subtitle,
.debc-ak-help{
  text-align:center;
}

/* Responsive tweaks */
@media (max-width: 600px){
  .debc-ak-wrap{ padding:18px; }
  .debc-ak-title{ font-size:20px; }
  .debc-ak-search{ max-width:100%; }
}