@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Raleway:wght@400;600&display=swap');

/* Color Variables */
:root {
    --color-pink-primary: #ffc0cb;
    --color-pink-light: #fff0f5;
    --color-pink-dark: #b84f7b;
    --color-pink-accent: #e91e63;
    --color-text-dark: #333333;
    --color-text-light: #f8f9fa;
}

body {
    font-family: 'Raleway', sans-serif;
    color: var(--color-text-dark);
    background-color: var(--color-pink-primary);
    padding-top: 80px; 
}

.main-heading {
    font-family: 'Playfair Display', serif;
    color: var(--color-pink-accent);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.secondary-heading {
    font-family: 'Playfair Display', serif;
    color: var(--color-pink-dark);
}

/* Theme */
.pink-theme {
    background-color: var(--color-pink-primary);
}

.bg-light-pink {
    background-color: var(--color-pink-light) !important;
}

.bg-pink-dark {
    background-color: var(--color-pink-dark) !important;
}

.text-pink-dark {
    color: var(--color-pink-dark) !important;
}

.btn-pink-dark {
    background-color: var(--color-pink-accent);
    color: white;
    border: 1px solid var(--color-pink-accent);
    transition: background-color 0.3s, transform 0.3s;
}

.btn-pink-dark:hover {
    background-color: #c7155a;
    color: white;
    border: 1px solid #c7155a;
    transform: translateY(-2px);
}

.btn-outline-light {
    border-color: white;
    color: white;
}

.navbar-brand {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    color: white !important;
}

.nav-link {
    color: white !important;
    transition: color 0.3s;
}

.nav-link:hover,
.nav-link.active {
    color: var(--color-pink-light) !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.hero-section,
.page-header {
    background: url('../img/jaipur_main.jpg') no-repeat center center/cover;
    height: 400px;
    padding-top: 90px;   /* FIX: pushes content below the navbar */
    margin-top: 0 !important; /* Remove negative margin */
    position: relative;
}

.page-header {
    background: linear-gradient(rgba(184, 79, 123, 0.7), rgba(255, 192, 203, 0.7)),
        url('../img/hawa_mahal.jpg') no-repeat center center/cover;
}

.hero-section h1,
.page-header h1 {
    font-size: 3.5rem;
    font-family: 'Playfair Display', serif;
}

/* Flip Card Styles */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 400px;
    perspective: 1000px;
    cursor: pointer;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    overflow: hidden;
}

.flip-card-front {
    background-color: var(--color-pink-light);
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flip-card-front img {
    height: 80%;
    object-fit: cover;
}

.flip-card-back {
    background-color: var(--color-pink-accent);
    color: white;
    transform: rotateY(180deg);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flip-card-back h5 {
    font-family: 'Playfair Display', serif;
    color: var(--color-pink-light);
}

.flip-card-back ul {
    list-style-type: '👑 ';
}

.card-body.bg-light-pink {
    min-height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}