/*
Theme Name: Things to Do in Punta Cana
Theme URI: https://thingstodoinpuntacanard.com
Author: Things to Do in Punta Cana
Description: Bilingual (ES/EN) tourism theme for Punta Cana excursions. Auto-creates all editable pages on activation. Includes Coco Bongo, Dolphins, Adventures, Weddings, Transfers, Gallery, and WhatsApp booking system.
Version: 1.0
Requires at least: 5.9
Text Domain: puntacana
*/

/* ============================================================
   CUSTOM CSS (Tailwind handles all utilities via CDN)
   ============================================================ */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.6); }
.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.partner-logo { filter: grayscale(100%); opacity: 0.7; transition: all 0.3s; }
.partner-logo:hover { filter: grayscale(0%); opacity: 1; }

.modal { transition: opacity 0.3s ease-in-out; opacity: 0; pointer-events: none; }
.modal.active { opacity: 1; pointer-events: auto; }
.modal-content { transform: scale(0.95); transition: transform 0.3s ease-in-out; }
.modal.active .modal-content { transform: scale(1); }
.full-page-modal { transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); }
.full-page-modal.active { transform: translateY(0); }

.gallery-item { overflow: hidden; }
.gallery-item img { transition: transform 0.5s ease; }
.gallery-item:hover img { transform: scale(1.1); }
#lightboxModal { z-index: 150; }
#langModal { backdrop-filter: blur(10px); }

#navbar.scrolled {
    background-color: rgba(255,255,255,0.97) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}
#navbar.scrolled .nav-link { color: #374151 !important; }
#navbar.scrolled .nav-link:hover { color: #008C95 !important; }

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}