/*
Theme Name: Luxe Wellness Spa
Theme URI: https://rakibdev.xyz/
Author: MD RAKIBUZZAMAN
Author URI: https://rakibdev.xyz/
Description: Custom WordPress theme for Luxe Wellness Spa. Includes section-level meta boxes, a custom drag-and-drop form builder with submissions and email notifications, dynamic header/footer/menu/logo, and per-button Vagaro booking link overrides — while keeping the original HTML design pixel-identical when no custom data is entered.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luxewspa
Tags: spa, wellness, custom-meta-boxes, custom-form-builder, custom-logo, custom-menu
*/

/*
 * The visual stylesheet lives at /assets/css/styles.css and is enqueued by inc/enqueue.php.
 * This file exists for the theme header above and any minor admin-bar / login overrides.
 */

/* WordPress admin bar offset for the fixed header */
body.admin-bar .lws-header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .lws-header { top: 46px; }
}

/* ================================================================
   POLICY PAGES (Cancellation / Privacy)
================================================================ */
.lws-policy-wrap {
  padding: 100px 5vw 80px;
  min-height: 60vh;
}
.lws-policy-inner {
  max-width: 780px;
  margin: 0 auto;
  line-height: 1.8;
  color: var(--lws-ink, #484747);
}
.lws-policy-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: 1.5rem;
  color: var(--lws-ink, #484747);
}
.lws-policy-inner h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.4rem;
  margin: 2rem 0 .5rem;
  color: var(--lws-ink-soft, #6b6a6a);
}
.lws-policy-inner a { color: var(--lws-gold, #6e8c87); }

/* ================================================================
   THANK YOU PAGE
================================================================ */
.lws-thankyou-main {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lws-bg, #ededed);
  padding: 80px 5vw;
}
.lws-thankyou-card {
  background: var(--lws-cream, #ffffff);
  border-radius: 16px;
  padding: clamp(2rem, 5vw, 4rem);
  max-width: 600px;
  width: 100%;
  text-align: center;
  box-shadow: 0 8px 40px rgba(72,71,71,.10);
}
.lws-ty-icon {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(110,140,135,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  color: var(--lws-gold, #6e8c87);
}
.lws-ty-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  color: var(--lws-ink, #484747);
  margin: 0 0 1rem;
  line-height: 1.2;
}
.lws-ty-sub {
  color: var(--lws-ink-soft, #6b6a6a);
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
.lws-ty-info {
  background: var(--lws-bg, #ededed);
  border-radius: 8px;
  padding: 12px 18px;
  margin-bottom: 2rem;
  font-size: .92rem;
  color: var(--lws-ink-soft, #6b6a6a);
}
.lws-ty-info a { color: var(--lws-gold, #6e8c87); font-weight: 600; }
.lws-ty-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ================================================================
   FORM FIELD ENHANCEMENTS (all templates)
================================================================ */
.lws-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lws-form .lws-field-full,
.lws-form .lws-form-intro { grid-column: 1 / -1; }
.lws-form .lws-field label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: 5px; color: var(--lws-ink-soft, #6b6a6a); }
.lws-form .lws-field input,
.lws-form .lws-field select,
.lws-form .lws-field textarea { width: 100%; box-sizing: border-box; }
.lws-radio-group,
.lws-check-group { display: flex; flex-wrap: wrap; gap: 10px; }
.lws-radio-opt { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: .9rem; }
.lws-hp-field { position: absolute; left: -9999px; overflow: hidden; height: 1px; }
.lws-form-status { text-align: center; margin-top: .5rem; font-size: .9rem; }
.lws-btn-full { width: 100%; justify-content: center; }

.lws-form-intro-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  color: var(--lws-ink, #484747);
  margin: 0 0 .5rem;
}
@media (max-width: 600px) {
  .lws-form { grid-template-columns: 1fr; }
  .lws-ty-actions { flex-direction: column; }
}