/* ===== The Parsi Directory — Custom Styles ===== */

:root {
    --tpd-primary: #49c0b6;
    --tpd-accent: #49c0b6;
    --tpd-dark: #1a1a2e;
}

/* Navbar */
.navbar { font-family: 'Raleway', sans-serif; }
.navbar-brand img { max-height: 50px; }
.navbar .nav-link {
    text-transform: uppercase; font-weight: 700; font-size: 0.9rem;
    letter-spacing: 1px; color: #fff !important; padding-left: 18px !important; padding-right: 18px !important;
}
.navbar .nav-link:hover { color: #1a1a2e !important; }
.navbar .nav-link.active-page {
    border-bottom: 3px solid #fff;
    color: #fff !important;
    padding-bottom: 5px;
}

/* Body spacing for fixed navbar */
body { padding-top: 56px; font-family: 'Open Sans', sans-serif; }

/* Cards */
.card { border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.card-header { background-color: var(--tpd-accent); color: #fff; font-weight: 600; }

/* Search forms */
.search-form .form-control { border-radius: 6px; }
.search-form .btn-primary { background-color: var(--tpd-accent); border-color: var(--tpd-accent); }
.search-form .btn-primary:hover { background-color: #35b3ae; border-color: #35b3ae; }

/* Stats counter boxes */
.stat-box {
    background: linear-gradient(135deg, var(--tpd-accent), #2aa8a3);
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
.stat-box .stat-number { font-size: 2.5rem; font-weight: 700; }
.stat-box .stat-label { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; }

/* Footer */
footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }

/* DataTables overrides */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter { margin-bottom: 10px; }

/* Responsive iframe */
.iframe-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
.iframe-container iframe {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    border: none; border-radius: 8px;
}

/* Admin sidebar */
.sidebar {
    min-height: calc(100vh - 56px);
    border-right: 1px solid #dee2e6;
}
.sidebar .nav-link { color: #333; padding: 6px 16px; font-size: 0.9rem; }
.sidebar .nav-link:hover { background-color: #e9ecef; border-radius: 4px; }
.sidebar .nav-link i { width: 20px; text-align: center; margin-right: 6px; }
.sidebar-heading { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; }

/* Username in navbar */
.navbar .user-display { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }
.alert { border-radius: 6px; }

/* Login/Register panels */
.auth-panel {
    max-width: 500px;
    margin: 40px auto;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    border-radius: 10px;
}

/* Listing cards */
.listing-card { transition: transform 0.2s; }
.listing-card:hover { transform: translateY(-3px); }

/* Prayer audio list */
.prayer-list .list-group-item { cursor: pointer; }
.prayer-list .list-group-item:hover { background-color: #f8f9fa; }

/* Print styles */
@media print {
    .navbar, footer, .sidebar, .no-print { display: none !important; }
    main { margin: 0 !important; padding: 0 !important; }
}