:root {
    --ios-blue: #007aff;
    --ios-bg: #f2f2f7;
    --ios-dark: #1c1c1e;
    --glass: rgba(255, 255, 255, 0.7);
}

body {
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
    scroll-behavior: smooth;
}

/* --- Navigation --- */
.ios-navbar {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    border-bottom: 0.5px solid rgba(0,0,0,0.1);
    overflow: visible !important;
}

.ios-navbar .container {
    overflow: visible !important;
}

/* --- Hero & Icons --- */
.hero-section {
    padding: 160px 0 100px;
    background: radial-gradient(circle at top, #fff 0%, #f2f2f7 100%);
}

.icon-box {
    width: 70px;
    height: 70px;
    background: var(--ios-bg);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 1.8rem;
    color: var(--ios-blue);
}

/* --- Buttons (Fixed Hover States) --- */

/* Black Login Button */
/* 1. The Black Login Button Fix */
.btn.btn-login-ios, 
.btn.btn-login-ios:hover, 
.btn.btn-login-ios:focus, 
.btn.btn-login-ios:active {
    background-color: #1c1c1e !important;
    color: #ffffff !important;
    opacity: 1 !important;
    border: none !important;
    box-shadow: none !important;
}

.btn.btn-login-ios:hover {
    background-color: #3a3a3c !important; /* Slightly lighter gray on hover */
    transform: scale(1.02);
}

/* 2. The Blue Pill Button Fix */
.btn.btn-ios-pill, 
.btn.btn-ios-pill:hover, 
.btn.btn-ios-pill:focus, 
.btn.btn-ios-pill:active {
    background-color: #007aff !important;
    color: #ffffff !important;
    opacity: 1 !important;
    border: none !important;
}

.btn.btn-ios-pill:hover {
    background-color: #0063cc !important; /* Darker blue on hover */
    transform: translateY(-1px);
}

/* 3. The Shop 'Plus' Button Fix */
.btn.btn-ios-add, 
.btn.btn-ios-add:hover, 
.btn.btn-ios-add:focus {
    background-color: #007aff !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 4. Remove the 'White Flash' on all iOS buttons */
.btn-login-ios, .btn-ios-pill, .btn-ios-add {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}
/* --- Dropdowns & Cards --- */
.dropdown-menu {
    z-index: 1060 !important;
    border-radius: 18px !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    background: #ffffff;
    padding: 8px;
}

.dropdown-item {
    border-radius: 10px;
    padding: 8px 16px;
}

.ios-card {
    background: #ffffff;
    border: none;
    border-radius: 22px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

.ios-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* --- Inputs --- */
.ios-input {
    background-color: #f2f2f7 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.ios-input:focus {
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1) !important;
    outline: none;
}

/* --- Modals --- */
.modal.fade.ios-modal .modal-dialog {
    transform: translateY(100px);
    transition: transform 0.3s ease-out;
}

.modal.show.ios-modal .modal-dialog {
    transform: translateY(0);
}