/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

/* --- FONT SETTINGS --- */

/* 1. Body and General Text: Raleway */
body, 
p, 
a, 
span, 
.btn, 
.nav-link, 
.small {
font-family: 'Poppins', sans-serif;
}

/* 2. Headings: Playfair Display */
h1, h2, 
.display-1, .display-2, .display-3, .display-4,
.navbar-brand,
.font-heading {
    font-family: 'Playfair Display', serif !important;
}

/* --- HEADER LAYOUT & STYLE --- */

/* Make Header Float over Image */
.transparent-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Top Row (Logo & Info) */
.header-top-row {
    background: rgba(0, 0, 0, 0.25); /* Semi-transparent dark overlay */
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* Logo: Force White */
.logo-white {
    filter: brightness(0) invert(1);
    max-height: 60px;
    width: auto;
}

/* Top Links Styling (Raleway) */
.top-text-nav a {
    font-size: 11px;
    letter-spacing: 1px;
    opacity: 0.9;
}

/* Phone Info (Raleway) */
.phone-info {
    font-size: 12px;
    letter-spacing: 0.5px;
}

/* Book Button Styling */
.btn-outline-light {
    border: 1px solid #fff;
    font-size: 11px;
    letter-spacing: 1px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.btn-outline-light:hover {
    background-color: #fff;
    color: #000;
}

/* Social Icons */
.social-icons a {
    font-size: 14px;
    opacity: 0.8;
    transition: opacity 0.3s;
}
.social-icons a:hover {
    opacity: 1;
}

/* Bottom Row (Menu) */
.bg-brown {
    background-color: #b0906f; /* Gold/Brown color from image */
}

/* Menu Items (Raleway) */
.header-bottom-row .nav-link {
    color: #ffffff !important;
    font-size: 13px;
    letter-spacing: 1.5px;
    padding: 16px 25px !important;
    text-transform: uppercase;
    font-weight: 600; /* Bold Raleway for menu */
    transition: background 0.3s;
}

.header-bottom-row .nav-link:hover {
    background-color: rgba(0,0,0,0.1);
}

/* Fix for Content behind header */
#content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.pt1{
    margin-right: 300px;
}
.pt2{
    margin-left: 50px;
}
.hero-section h1{
font-size: 5rem; letter-spacing: 2px; line-height: 1.2;
}

.hero-section h2{
max-width: 700px; font-size: 1.8rem;
}


/* --- Book Direct Overlap Styles --- */

/* Background Cream Color for the main container */
.bg-cream {
    background-color: #C4C4C4; /* Light Beige/Skin tone */
}

/* The Brown Box Color */
.bg-brown {
    background-color: #b0906f !important;
}

/* Icon Color */
.text-brown {
    color: #b0906f !important;
}

/* Specific styling for the Book Direct Box */
.book-direct-box {
    min-height: 110px; /* Ensures all boxes are same height */
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
}

/* Styling for the White Items */
.benefit-item {
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

.benefit-item:hover {
    transform: translateY(-5px);
}

/* Font Adjustments */
.benefit-item p {
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    line-height: 1.3;
    color: #4a4a4a !important;
}
.benefit-item img {
margin-bottom: 10px;
    width: 50px;
    height: 50px;
}
/* --- Footer Styling --- */

/* 1. Background Color */
.bg-light-gray {
    background-color: #f5f5f5 !important; /* Light grey background */
}

/* 2. Headings (Playfair Display) */
.footer-heading, 
.footer-address h5 {
    font-family: 'Playfair Display', serif;
    letter-spacing: 1px;
    font-size: 0.9rem;
    color: #1a1a1a;
}

/* 3. Links & Body Text (Raleway) */
.bootscore-footer a, 
.bootscore-footer p, 
.bootscore-footer li {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 1.8;
    color: #555;
    transition: color 0.3s;
}

.bootscore-footer a:hover {
    color: #b0906f !important; /* Gold/Brown hover color */
}

/* 4. Social Icons */
.social-icons a {
    color: #333 !important;
    font-size: 1.2rem;
}
.social-icons a:hover {
    color: #b0906f !important;
}

/* 5. Bottom Logo Opacity */
.footer-logo i, .footer-logo img {
    color: #ccc !important; /* Very light grey for the watermark effect */
}

/* 6. Border Color */
.border-top {
    border-color: #e0e0e0 !important;
}

/* 7. Widget Title Reset (If you use widgets) */
.widget-title {
    font-family: 'Playfair Display', serif;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1rem;
}
/* Responsive tweaks for Mobile */
@media (max-width: 768px) {
    /* Adjust overlap on mobile if needed */
    .container[style*="margin-top: -100px"] {
        margin-top: -60px !important;
    }
    
    /* Make text smaller on mobile */
    .benefit-item p {
        font-size: 0.75rem;
    }
    .spa-card-new{
            height: 265px !important;
    }
.pt1{
    margin-right: unset;
}
.pt2{
    margin-left: 50px;
}
.hero-section h1{
font-size: 2rem; letter-spacing: 2px; line-height: 1.2;
}

.hero-section h2{
max-width: 700px; font-size: 1.5rem;
}
    
}

@media (min-width: 992px) {
    /* Hover par dropdown dikhane ke liye */
    .navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0; /* Gap khatam karne ke liye takki hover break na ho */
    }

    /* Animation (Optional) */
    .navbar-nav .nav-item.dropdown .dropdown-menu {
        animation: fadeIn 0.3s;
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}