/*!
Theme Name: mizaan
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mizaan
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mizaan is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
 :root {
     --red: #e63946;
     --gold: #ffd700;
     --dark: #0a0a0a;
     --gray: #1a1a1a;
 }

 body {
     font-family: 'Manrope', sans-serif;
     background: var(--dark);
     color: #e0e0e0;
     overflow-x: hidden;
 }

 h1,
 h2,
 h3,
 h4,
 h5 {
     font-family: 'Playfair Display', serif;
     font-weight: 800;
 }

 
/* Hero */
.hero {
    height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
}

.hero-heading {
    font-size: 6.5rem;
    line-height: 1;
    color: white;
}

.hero-heading span {
    color: var(--red);
    text-shadow: 0 0 30px rgba(230, 57, 70, 0.6);
}

 .btn-luxury {
     background: var(--red);
     color: white;
     padding: 1.2rem 3rem;
     border-radius: 50px;
     font-weight: 700;
     box-shadow: 0 15px 40px rgba(230, 57, 70, 0.5);
     transition: 0.4s;
 }

 .btn-luxury:hover {
     background: var(--red);
     color: black;
     transform: translateY(-8px);
 }

 /* Navbar */
 .navbar {
     background: rgba(10, 10, 10, 0.95);
     backdrop-filter: blur(20px);
     transition: 0.4s;
 }

 .navbar.scrolled {
     padding: 1rem 0;
 }

 .navbar-brand {
     font-size: 2.8rem;
     color: var(--gold) !important;
 }
 .navbar ul li a {
     color: white !important;
     font-weight: 600;
     transition: 0.3s;
     margin: 10px;    
        margin-right: 10px;
 }

 /* Category Cards */
 .cat-card {
     background: rgba(255, 255, 255, 0.05);
     backdrop-filter: blur(15px);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 20px;
     overflow: hidden;
     transition: 0.5s;
     height: 100%;
 }

 .cat-card:hover {
     transform: translateY(-15px);
     border-color: var(--red);
     box-shadow: 0 25px 50px rgba(230, 57, 70, 0.3);
 }

 .cat-card img {
     height: 250px;
     object-fit: cover;
     transition: 0.6s;
 }

 .cat-card:hover img {
     transform: scale(1.1);
 }

 /* Gallery & Testimonial */
 .gallery-img {
     height: 300px;
     object-fit: cover;
     border-radius: 16px;
     transition: 0.5s;
 }

 .gallery-img:hover {
     transform: scale(1.08);
 }

 /* Floating Buttons */
 .fab {
     position: fixed;
     bottom: 30px;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 1.8rem;
     z-index: 998;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
     animation: pulse 2s infinite;
 }

 .call-fab {
     right: 20px;
     background: var(--red);
 }

 .wa-fab {
     right: 20px;
     background: #25D366;
 }


.call-fab {
    right: 20px;
     bottom: 100px;
    background: var(--red);
}


@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
}

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
     }

     70% {
         box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
     }
 }

 .testimonial-card {
     background: rgba(255, 255, 255, 0.05);
     backdrop-filter: blur(10px);
     border-radius: 20px;
     padding: 2rem;
     border: 1px solid rgba(255, 255, 255, 0.1);
 }

 /* Responsive Hero Heading - Perfect for Mobile & Desktop */
 .hero-heading {
     font-family: 'Playfair Display', serif;
     font-weight: 800;
     line-height: 1;
     text-align: center;
     margin: 0;
     padding: 0;
 }

 /* Desktop & Large Screens */
 @media (min-width: 992px) {
     .hero-heading {
         font-size: 7rem;
         /* Big & bold on large screens */
     }
 }

 /* Tablets */
 @media (max-width: 991.98px) {
     .hero-heading {
         font-size: 5.5rem;
     }
 }

 /* Mobile Landscape */
 @media (max-width: 767.98px) {
     .hero-heading {
         font-size: 3rem;
     }

     .hero {
         height: 50vh;
     }

     .fab {
         bottom: 30%;
         width: 40px;
         height: 40px;
     }

     .call-fab {
         bottom: 38%;
     }

     .fab {
         font-size: 1.3rem;
     }
 }

 /* Mobile Portrait (Small Phones) */
 @media (max-width: 480px) {
     .hero-heading {
         font-size: 2.8rem;
     }
 }

 /* Extra Small Phones */
 @media (max-width: 360px) {
     .hero-heading {
         font-size: 2rem;
     }
 }

 /* Optional: Add subtle text glow/shadow for luxury feel */
 .hero-heading span {
     color: var(--red);
     text-shadow: 0 0 30px rgba(230, 57, 70, 0.6);
 }
 

.about-hero {
    height: 80vh;
    
    display: flex;
    align-items: center;
    text-align: center;
}

.about-hero h1 {
    font-size: 6.5rem;
    color: white;
}

.about-hero span {
    color: var(--red);
}

.stats-section {
    background: #111;
    padding: 5rem 0;
}

.counter {
    font-size: 4rem;
    color: var(--red);
    font-weight: 800;
}

.story-section {
    padding: 6rem 0;
}

.story-img {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 5rem 0;
}

.value-box {
    background: rgba(255, 255, 255, 0.03);
    border-left: 5px solid var(--red);
    padding: 2rem;
    border-radius: 0 15px 15px 0;
}

@media (max-width:992px) {
    .about-hero h1 {
        font-size: 5rem;
    }
}

@media (max-width:576px) {
    .about-hero h1 {
        font-size: 3.8rem;
    }
}

.text-red {
    color: var(--red);
}

/* Responsive Hero Heading */
@media (max-width: 991.98px) {
    .hero-heading {
        font-size: 2.5rem;
    }
}

@media (max-width: 767.98px) {
    .hero-heading {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .hero-heading {
        font-size: 2.5rem;
    }
}

@media (max-width: 360px) {
    .hero-heading {
        font-size: 2rem;
    }
}



.category-hero {
    height: 40vh;
    display: flex;
    align-items: center;
    text-align: center;
}

.category-hero h1 {
    font-size: 6.5rem;
    color: white;
}

.category-hero span {
    color: var(--red);
    text-shadow: 0 0 30px rgba(230, 57, 70, 0.6);
}

@media (max-width: 992px) {
    .category-hero h1 {
        font-size: 5rem;
    }
}

@media (max-width: 576px) {
    .category-hero h1 {
        font-size: 3.8rem;
    }
}
/* Force hamburger icon to WHITE */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Optional: Remove border and focus outline */
.navbar-toggler {
    border: none !important;
    padding: 8px !important;
}
.navbar-toggler:focus {
    box-shadow: none !important;
}