/* ═══════════════════════════════════════════════
   Конструктор путёвки — Скин «Green»
   skin-green.css  v1.0.0

   Подключение в WordPress:
   Добавьте в functions.php вашей темы:

   wp_enqueue_style(
     'aqc-skin-green',
     get_template_directory_uri() . '/skin-green.css',
     ['aqualoo-constructor'],
     '1.0.0'
   );

   Или загрузите файл через Elementor → Custom CSS
   и вставьте содержимое в поле CSS страницы/шаблона.
═══════════════════════════════════════════════ */

/* ══ ПЕРЕМЕННЫЕ СКИНА ══ */
.aqc-wrap.skin-green {
  --aqc-bg:       #F0F4F1;
  --aqc-brand:    #485669;
  --aqc-mid:      #3a4555;
  --aqc-lt:       #6b7f96;
  --aqc-accent:   #ffffff;
  --aqc-acdk:     #e8ecee;
  --aqc-white:    #ffffff;
  --aqc-text:     #2c3540;
  --aqc-textmid:  #4a5668;
  --aqc-muted:    #8a9aaa;
  --aqc-border:   #dce4e8;
  --aqc-shadow:   0 2px 16px rgba(72,86,105,.08);
  --aqc-shadowlg: 0 8px 40px rgba(72,86,105,.14);
  --aqc-r:        20px;
  --aqc-rsm:      12px;
}

/* ══ ШАПКА ══ */
.aqc-wrap.skin-green .aqc-hd {
  background: var(--aqc-brand);
  height: 64px;
  border-radius: 0;
}
.aqc-wrap.skin-green .aqc-logo-name { font-size: 19px; letter-spacing: .02em; }

/* ══ ПРОГРЕСС ══ */
.aqc-wrap.skin-green .aqc-strip { background: var(--aqc-brand); }

.aqc-wrap.skin-green .aqc-dot.active {
  background: #ffffff;
  color: var(--aqc-brand);
  box-shadow: 0 0 0 4px rgba(255,255,255,.2);
}
.aqc-wrap.skin-green .aqc-dot.done {
  background: rgba(255,255,255,.85);
  color: var(--aqc-brand);
}
.aqc-wrap.skin-green .aqc-si.active .aqc-slbl { color: #ffffff; }
.aqc-wrap.skin-green .aqc-si.done  .aqc-slbl { color: rgba(255,255,255,.6); }

/* цена тикер */
.aqc-wrap.skin-green .aqc-pr {
  background: rgba(0,0,0,.15);
  border-radius: 14px;
}
.aqc-wrap.skin-green .aqc-pr-val { color: #ffffff; }
.aqc-wrap.skin-green .aqc-pr-tag {
  background: #ffffff;
  color: var(--aqc-brand);
  border-radius: 20px;
}

/* ══ ФОНОВЫЙ ЦВЕТ ══ */
.aqc-wrap.skin-green .aqc-body { background: var(--aqc-bg); }

/* ══ КАРТОЧКИ НОМЕРОВ ══ */
.aqc-wrap.skin-green .aqc-rc {
  border-radius: 20px;
  border: 2px solid transparent;
  background: #ffffff;
}
.aqc-wrap.skin-green .aqc-rc:hover { box-shadow: 0 8px 32px rgba(72,86,105,.16); }
.aqc-wrap.skin-green .aqc-rc.sel {
  border-color: var(--aqc-brand);
  box-shadow: 0 0 0 4px rgba(72,86,105,.1);
}
.aqc-wrap.skin-green .aqc-rc.sel::after {
  background: var(--aqc-brand);
  border-radius: 50%;
}
.aqc-wrap.skin-green .aqc-rc-img,
.aqc-wrap.skin-green .aqc-rc-img-ph {
  border-radius: 18px 18px 0 0;
}
.aqc-wrap.skin-green .aqc-rc-badge {
  background: rgba(72,86,105,.82);
  border-radius: 20px;
}
.aqc-wrap.skin-green .aqc-rc-name { color: var(--aqc-text); }
.aqc-wrap.skin-green .aqc-sp {
  background: var(--aqc-bg);
  color: var(--aqc-brand);
  border-radius: 20px;
  font-size: 12px;
}
.aqc-wrap.skin-green .aqc-rc-price { color: var(--aqc-brand); }

/* ══ КАРТОЧКИ ПИТАНИЯ ══ */
.aqc-wrap.skin-green .aqc-mc {
  border-radius: 20px;
  background: #ffffff;
}
.aqc-wrap.skin-green .aqc-mc::before { background: var(--aqc-border); border-radius: 20px 20px 0 0; }
.aqc-wrap.skin-green .aqc-mc.sel::before { background: var(--aqc-brand); }
.aqc-wrap.skin-green .aqc-mc.sel { border-color: var(--aqc-brand); }
.aqc-wrap.skin-green .aqc-mc-img,
.aqc-wrap.skin-green .aqc-mc-img-ph { border-radius: 0; }
.aqc-wrap.skin-green .aqc-mc-code { color: var(--aqc-brand); }
.aqc-wrap.skin-green .aqc-mc-name { color: var(--aqc-lt); }
.aqc-wrap.skin-green .aqc-mc-chk { background: var(--aqc-brand); border-radius: 50%; }
.aqc-wrap.skin-green .aqc-mc-extra { color: var(--aqc-brand); }

/* ══ ЛЕЧЕНИЕ ══ */
.aqc-wrap.skin-green .aqc-tc {
  border-radius: 20px;
  background: #ffffff;
}
.aqc-wrap.skin-green .aqc-tc.sel { border-color: var(--aqc-brand); }
.aqc-wrap.skin-green .aqc-tc-name { color: var(--aqc-text); }
.aqc-wrap.skin-green .aqc-treat-det {
  border-radius: 20px;
  border-color: var(--aqc-border);
  background: #ffffff;
}
.aqc-wrap.skin-green .aqc-tdot { background: var(--aqc-lt); }

/* ══ ИТОГО ══ */
.aqc-wrap.skin-green .aqc-dbox {
  border-radius: 14px;
  border-color: var(--aqc-border);
  background: #ffffff;
}
.aqc-wrap.skin-green .aqc-nbanner {
  border-left-color: var(--aqc-brand);
  background: rgba(72,86,105,.07);
  color: var(--aqc-brand);
  border-radius: 0 14px 14px 0;
}
.aqc-wrap.skin-green .aqc-sum { border-radius: 20px; overflow: hidden; }
.aqc-wrap.skin-green .aqc-sum-hd { background: var(--aqc-brand); }
.aqc-wrap.skin-green .aqc-sum-total { background: var(--aqc-brand); }
.aqc-wrap.skin-green .aqc-sum-ico { background: var(--aqc-bg); border-radius: 12px; }
.aqc-wrap.skin-green .aqc-sum-val { color: var(--aqc-text); }
.aqc-wrap.skin-green .aqc-sum-p { color: var(--aqc-brand); }

/* ══ КНОПКИ БРОНИРОВАНИЯ — компактная сетка ══
   Главная кнопка во всю ширину,
   под ней 3 компактных в ряд. */
.aqc-wrap.skin-green .aqc-book {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 10px;
}
.aqc-wrap.skin-green .aqc-btn-book {
  grid-column: 1 / -1;         /* вся ширина */
  background: var(--aqc-brand);
  color: #ffffff;
  border-radius: 50px;         /* pill */
  font-size: 16px;
  padding: 16px 24px;
  box-shadow: 0 4px 18px rgba(72,86,105,.28);
}
.aqc-wrap.skin-green .aqc-btn-book:hover {
  background: var(--aqc-mid);
  transform: translateY(-1px);
}
/* три компактных кнопки */
.aqc-wrap.skin-green .aqc-btn-app,
.aqc-wrap.skin-green .aqc-btn-call,
.aqc-wrap.skin-green .aqc-btn-wa {
  border-radius: 50px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center; gap: 6px;
}
.aqc-wrap.skin-green .aqc-btn-app {
  background: var(--aqc-bg);
  color: var(--aqc-brand);
  border: 1.5px solid var(--aqc-border);
}
.aqc-wrap.skin-green .aqc-btn-app:hover { background: var(--aqc-acdk); }
.aqc-wrap.skin-green .aqc-btn-call {
  background: transparent;
  color: var(--aqc-brand);
  border: 1.5px solid var(--aqc-brand);
}
.aqc-wrap.skin-green .aqc-btn-call:hover { background: var(--aqc-brand); color: #fff; }
.aqc-wrap.skin-green .aqc-btn-wa {
  background: #25D366;
  color: #ffffff;
  border: none;
}
.aqc-wrap.skin-green .aqc-btn-wa:hover { background: #1fb958; }

/* мобиль: компактные в 3 колонки остаются */
@media (max-width: 480px) {
  .aqc-wrap.skin-green .aqc-book {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .aqc-wrap.skin-green .aqc-btn-app,
  .aqc-wrap.skin-green .aqc-btn-call,
  .aqc-wrap.skin-green .aqc-btn-wa {
    font-size: 12px;
    padding: 10px 6px;
  }
}

/* ══ КНОПКИ ДАЛЕЕ / НАЗАД ══ */
.aqc-wrap.skin-green .aqc-btn-next {
  background: var(--aqc-brand);
  border-radius: 50px;
  padding: 14px 32px;
  box-shadow: 0 4px 16px rgba(72,86,105,.25);
}
.aqc-wrap.skin-green .aqc-btn-next:hover { background: var(--aqc-mid); }
.aqc-wrap.skin-green .aqc-btn-next:disabled { background: var(--aqc-muted); }
.aqc-wrap.skin-green .aqc-btn-back { color: var(--aqc-muted); }
.aqc-wrap.skin-green .aqc-btn-back:hover { color: var(--aqc-brand); }

/* ══ МОБИЛЬНАЯ ПАНЕЛЬ ══ */
.aqc-wrap.skin-green .aqc-mob { background: var(--aqc-brand); }
.aqc-wrap.skin-green .aqc-btn-mob {
  background: #ffffff;
  color: var(--aqc-brand);
  border-radius: 50px;
}
.aqc-wrap.skin-green .aqc-btn-mob:hover { background: var(--aqc-bg); }

/* ══ ПРОГРЕСС-ПРАЙС-ТИКЕР ══ */
.aqc-wrap.skin-green .aqc-pr { border-radius: 14px; }