/* Unified CTA / Booking button styles */
:root{
    --primary:#ff6b35;
    --primary-700:#e65a2a;
    --whatsapp:#25D366;
    --muted:#6c757d;
}

.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer;border:none}
.btn i{font-size:1.05rem}

.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-700));color:#fff;box-shadow:0 8px 20px rgba(255,107,53,0.18);}
.btn-primary:active{transform:translateY(1px)}

.btn-secondary{background:#fff;color:var(--primary);border:2px solid rgba(255,107,53,0.08);}

.btn-whatsapp{background:linear-gradient(180deg,var(--whatsapp),#1fae4b);color:#fff}

.cta-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}

/* quick booking widget button styling */
.quick-booking-widget .btn{width:100%;justify-content:center}

/* mobile stacking to avoid overlap */
@media (max-width:780px){
  .cta-group{flex-direction:column;gap:.6rem}
  .hero-booking-actions{width:100%;padding:0 1rem}
  .hero-booking-actions .btn{width:100%;justify-content:center}
  .quick-booking-widget .booking-trust{display:flex;gap:1rem;flex-wrap:wrap}
}

/* subtle focus outline for accessibility */
.btn:focus{outline:3px solid rgba(255,107,53,0.25);outline-offset:2px}

/* ensure WhatsApp floating or fixed CTAs don't overlap menus */
.floating-whatsapp{position:fixed;right:1rem;bottom:1.25rem;z-index:1200;border-radius:999px;padding:.75rem .9rem;box-shadow:0 10px 30px rgba(0,0,0,0.18)}

/* prevent overlap with mobile nav when open (main.js toggles .mobile-nav.active) */
.mobile-nav.active .floating-whatsapp{transform:translateY(120%);transition:transform .28s ease}