/* =========================================
   PDCF Frontend Styles
   ========================================= */

html.pdcf-lock{
  overflow:hidden;
}
html.pdcf-lock body{
  overflow:hidden;
}

/* ===== Modals ===== */
.pdcf-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:999999;
}
.pdcf-modal.is-open{ display:block; }

.pdcf-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  backdrop-filter:saturate(120%) blur(2px);
}

.pdcf-modal__card{
  position:relative;
  width:min(420px, calc(100% - 32px));
  margin:10vh auto 0;
  background:#fff;
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.25);
  padding:18px;
}

.pdcf-modal__title{
  font-size:18px;
  font-weight:800;
  margin-bottom:12px;
}

.pdcf-modal__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.pdcf-modal__hint{
  margin-top:10px;
  font-size:12px;
  color:#6b7280;
}

/* Buttons */
.pdcf-btn{
  height:44px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:#0ea55b;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.pdcf-btn--ghost{
  background:#fff;
  color:#111827;
}
.pdcf-btn:hover{ filter:brightness(.98); }
.pdcf-btn:active{ transform:translateY(1px); }

/* ===== Switcher bar (Cart / Checkout) ===== */
.pdcf-bar{
  margin: 12px 0;
}
.pdcf-bar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.pdcf-bar__group{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.pdcf-bar__label{
  font-size:12px;
  color:#6b7280;
  font-weight:700;
  white-space:nowrap;
}
.pdcf-pillset{
  display:flex;
  gap:8px;
  flex-wrap:nowrap;

  /* ✅ не ломаем верстку на узких экранах */
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.pdcf-pillset::-webkit-scrollbar{ display:none; }

.pdcf-pill{
  height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.pdcf-pill.is-active{
  background:#0ea55b;
  border-color:#0ea55b;
  color:#fff;
}
.pdcf-bar__meta{
  display:flex;
  gap:8px;
  align-items:center;
}
.pdcf-badge{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.03);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.pdcf-badge--ghost{
  background:#fff;
}

/* ===== THANKYOU ===== */
.pdcf-thankyou{
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:#fff;
}

/* Shipping method helper tags in blocks */
.pdcf-ship-method{
  display:inline-block;
  margin-right:8px;
  font-weight:800;
  color:#111827;
}
.pdcf-ship-method-inline{
  font-weight:800;
  color:#111827;
}

/* =========================================================
   Header Compact Shortcode (MINIMAL)
   Usage: [pdcf_header_compact]
   ========================================================= */

/* контейнер в линию, без визуального "блока" */
.pdcf-header-compact{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
}

/* кнопки выглядят как текстовые пункты меню */
.pdcf-hc-chip{
  appearance:none;
  -webkit-appearance:none;
  border:none;
  background:transparent;
  padding:0;
  margin:0;

  display:inline-flex;
  align-items:center;
  gap:6px;

  height:auto;
  line-height:1;

  font-size:13px;
  font-weight:600;
  color:rgba(17,24,39,.85);
  cursor:pointer;
  white-space:nowrap;

  transition: color .18s ease, transform .18s ease;
}

/* лёгкий hover акцент под твой оранжевый */
.pdcf-hc-chip:hover{
  color:rgba(255,120,0,.95);
}

/* активное нажатие */
.pdcf-hc-chip:active{
  transform: translateY(1px);
}

/* фокус (доступность) */
.pdcf-hc-chip:focus-visible{
  outline:none;
  color:rgba(255,120,0,.95);
  text-decoration: underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}

/* скрываем внутренние ключи, если вдруг show_labels="1" */
.pdcf-hc-k{ display:none !important; }

/* значение */
.pdcf-hc-v{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* вместо эмодзи — маленькие аккуратные “иконки” через CSS */
.pdcf-hc-chip--city .pdcf-hc-v::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,120,0,.95);
  display:inline-block;
}

.pdcf-hc-chip--ful .pdcf-hc-v::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(17,24,39,.25);
  display:inline-block;
}

/* разделитель между "город" и "получение" — тонкая точка */
.pdcf-hc-chip--city::after{
  content:"·";
  display:inline-block;
  margin-left:10px;
  color:rgba(17,24,39,.25);
  font-weight:700;
  transform: translateY(-1px);
}

/* на мобиле чуть меньше */
@media (max-width: 480px){
  .pdcf-header-compact{ gap:8px; }
  .pdcf-hc-chip{
    font-size:12px;
  }
  .pdcf-hc-chip--city::after{
    margin-left:8px;
  }
}