/* style.css */
/* Shared styles for the entire application */

:root {
    --brand-pink: #f9ecec;
    --brand-dark: #4a4a4a;
    --brand-light: #ffffff;
    --brand-accent: #e3c4c4;
    --brand-success: #28a745;
    --brand-danger: #dc3545;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--brand-dark);
    background-color: var(--brand-light);
}

/* --- Typography --- */
h1, h2, h3, .navbar-brand, .brand-font {
    font-family: 'Patrick Hand', cursive;
}

/* --- Navigation Bar --- */
.navbar {
    background-color: transparent;
    transition: background-color 0.4s ease-out;
}
.navbar.navbar-scrolled {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.navbar-brand {
    font-size: 1.8rem;
    color: var(--brand-dark);
}
.nav-link {
    color: var(--brand-dark);
    font-weight: 400;
}

/* --- Hero Section --- */
.hero {
    background-color: var(--brand-pink);
    padding: 6rem 0;
    min-height: 100vh;
}

/* --- Section Styling --- */
section {
    padding: 6rem 0;
}
.section-title {
    font-size: 3rem;
    text-align: center;
}
.styled-hr {
    border: 0;
    height: 1px;
    width: 100px;
    margin: 1rem auto 3rem auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--brand-accent), rgba(0, 0, 0, 0));
}

/* --- Gallery Card --- */
.gallery-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    position: relative;
}
.gallery-card .card-img-top {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.availability-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 0.8rem;
    font-weight: 600;
}
.badge.bg-success { background-color: var(--brand-success) !important; }
.badge.bg-secondary { background-color: var(--brand-danger) !important; }


/* --- Admin & Login Page Specific Styles --- */
.admin-page, .login-page {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 4rem 0;
}
.login-box, .admin-card {
    background-color: var(--brand-light);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}
.admin-card h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
.item-row {
    border-bottom: 1px solid #eee;
    padding: 1rem 0;
}
.item-row:last-child {
    border-bottom: none;
}
.item-row img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}