/* هنجيبلك Theme - Light with Gold Accents */

/* Override header background to white */
header {
    background: #FFFFFF !important;
}

/* Logo styling - make it fully visible */
.logo-img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 16px !important;
    object-fit: contain !important;
    border: 2px solid #FFD700 !important;
    background: #FFF !important;
}

/* Quick category text - make it black/gold */
.quick-cat-item span {
    color: #000000 !important;
}

/* Override home header to white */
.home-header {
    background: #FFFFFF !important;
    padding: calc(25px + env(safe-area-inset-top)) 20px 35px !important;
}

/* Brand text styling */
.brand-text h1 {
    color: #FF6B00 !important;
}

/* Login page styling */
.login-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5), inset 0 0 20px rgba(255, 215, 0, 0.1) !important;
}

.login-logo h1 {
    color: #FF6B00 !important;
}

.login-logo p {
    color: #333333 !important;
}

.login-welcome h2 {
    color: #FF6B00 !important;
}

.login-welcome p {
    color: #666666 !important;
}

.google-login-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    border: none !important;
    color: #000 !important;
}

/* Chat page styling */
.chat-page {
    background: #FFFFFF !important;
}

.chat-header {
    background: #FFFFFF !important;
    border-bottom: 2px solid #FFD700 !important;
}

.chat-messages {
    background: #FFFFFF !important;
}

.chat-input-container {
    background: #FFFFFF !important;
    border-top: 2px solid #FFD700 !important;
}

.chat-input {
    background: #f5f5f5 !important;
    border: 2px solid #FFD700 !important;
    color: #000000 !important;
}

.send-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000 !important;
}

.message {
    background: #f5f5f5 !important;
    border: 1px solid #FFD700 !important;
}

.message.user {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000 !important;
}

.message.bot {
    background: #f5f5f5 !important;
    color: #000000 !important;
}

/* Add restaurant page styling */
.page-header {
    background: #FFFFFF !important;
    border-bottom: 2px solid #FFD700 !important;
}

.form-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5), inset 0 0 20px rgba(255, 215, 0, 0.1) !important;
}

.form-card h2 {
    color: #FF6B00 !important;
}

.form-group input,
.form-group textarea,
.form-group select {
    background: #f5f5f5 !important;
    border: 2px solid #FFD700 !important;
    color: #000000 !important;
}

.submit-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000 !important;
    border: none !important;
}

/* Pharmacy dashboard styling */
.pharmacy-dashboard {
    background: #FFFFFF !important;
}

.dashboard-header {
    background: #FFFFFF !important;
    border-bottom: 2px solid #FFD700 !important;
}

.dashboard-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5), inset 0 0 20px rgba(255, 215, 0, 0.1) !important;
}

.dashboard-card h3 {
    color: #FF6B00 !important;
}

.dashboard-card p {
    color: #333333 !important;
}

/* Dashboard specific styling */
.sidebar {
    background: #FFFFFF !important;
}

.sidebar-logo h2 {
    color: #FF6B00 !important;
}

.sidebar-logo p {
    color: #333333 !important;
}

.sidebar-nav a {
    color: #333333 !important;
}

.sidebar-nav a:hover,
.sidebar-nav a.active {
    background: rgba(255, 215, 0, 0.1) !important;
    color: #FFD700 !important;
    border-right-color: #FFD700 !important;
}

.main-content {
    background: #FFFFFF !important;
}

.top-bar {
    background: #FFFFFF !important;
    border: 2px solid #FFD700 !important;
}

.top-bar h1 {
    color: #FF6B00 !important;
}

.stat-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.stat-card h3 {
    color: #FF6B00 !important;
}

.stat-card p {
    color: #333333 !important;
}

.btn-primary {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000 !important;
}

/* Orders table styling */
.orders-table {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
}

.orders-table th {
    background: #f5f5f5 !important;
    color: #FF6B00 !important;
    border: 1px solid #FFD700 !important;
}

.orders-table td {
    background: #FFFFFF !important;
    color: #333333 !important;
    border: 1px solid #ddd !important;
}

.order-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.order-card h3 {
    color: #FF6B00 !important;
}

.order-card p {
    color: #333333 !important;
}

.order-status {
    color: #FF6B00 !important;
}

/* General text visibility fixes */
body {
    color: #333333 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #FF6B00 !important;
}

p, span, div, label {
    color: #333333 !important;
}

a {
    color: #FFD700 !important;
}

input, textarea, select {
    color: #333333 !important;
}

/* Offers page styling */
.offer-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.offer-card h3 {
    color: #FF6B00 !important;
}

.offer-card p {
    color: #333333 !important;
}

.offer-price,
.offer-new-price,
.offer-save {
    color: #FF6B00 !important;
}

.offer-timer {
    color: #333333 !important;
}

.offer-add-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000 !important;
}

/* Balance page styling */
.balance-stats {
    background: #FFFFFF !important;
}

.stat-item {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.stat-item h3 {
    color: #FF6B00 !important;
}

.stat-item p {
    color: #333333 !important;
}

.points-info {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.points-info h3 {
    color: #FF6B00 !important;
}

.points-info p {
    color: #333333 !important;
}

.points-info li {
    color: #333333 !important;
}

/* Balance page specific elements */
.points-card {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
}

.points-label {
    color: #000000 !important;
}

.points-number {
    color: #000000 !important;
}

.points-word {
    color: #000000 !important;
}

.progress-label {
    color: #000000 !important;
}

.info-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.info-card-value {
    color: #FF6B00 !important;
}

.info-card-label {
    color: #333333 !important;
}

.how-it-works {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.how-it-works h3 {
    color: #FF6B00 !important;
}

.how-step-text {
    color: #333333 !important;
}

.how-step-text strong {
    color: #FF6B00 !important;
}

.how-step-num {
    background: #FFD700 !important;
    color: #000000 !important;
}

/* Reviews/Ratings styling */
.shop-rating-section {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.rating-summary {
    color: #333333 !important;
}

.rating-score {
    color: #333333 !important;
}

.rating-number {
    color: #FF6B00 !important;
}

.rating-stars {
    color: #FF6B00 !important;
}

.rating-stars .star {
    color: #FF6B00 !important;
}

.rating-stars .star.filled {
    color: #FF6B00 !important;
}

.rating-count {
    color: #333333 !important;
}

.rating-actions button {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000000 !important;
    border: 2px solid #FFD700 !important;
}

/* Order details styling */
.order-detail-item {
    background: #FFFFFF !important;
    border: 2px solid #FFD700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3) !important;
}

.order-detail-item h4 {
    color: #FF6B00 !important;
}

.order-detail-item p {
    color: #333333 !important;
}

.order-detail-item span {
    color: #333333 !important;
}

.order-detail-item strong {
    color: #FF6B00 !important;
}

.order-detail-section {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.order-detail-section h3 {
    color: #FF6B00 !important;
}

.order-detail-section p {
    color: #333333 !important;
}

.order-detail-section h4 {
    color: #FF6B00 !important;
}

.order-product-card {
    background: #FFFFFF !important;
    border: 2px solid #FFD700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3) !important;
}

.order-product-name {
    color: #FF6B00 !important;
}

.order-product-extras {
    color: #333333 !important;
}

.order-summary-row {
    color: #333333 !important;
}

.order-summary-row span {
    color: #333333 !important;
}

/* Drivers dashboard styling */
.header {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.header h1 {
    color: #FF6B00 !important;
}

.header-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000000 !important;
    border: 2px solid #FFD700 !important;
}

.header-btn.secondary {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
}

.tabs {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.tab {
    color: #333333 !important;
}

.tab.active {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000000 !important;
}

.card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.card-title {
    color: #FF6B00 !important;
}

.counter-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.counter-num {
    color: #FF6B00 !important;
}

.counter-label {
    color: #333333 !important;
}

.driver-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
    border-right: 4px solid #FFD700 !important;
}

.driver-name {
    color: #FF6B00 !important;
}

.driver-phone {
    color: #333333 !important;
}

.driver-stats {
    color: #333333 !important;
}

.driver-stat-chip {
    background: #f5f5f5 !important;
    color: #FF6B00 !important;
    border: 1px solid #FFD700 !important;
}

.driver-stat-chip.active-chip {
    background: #f5f5f5 !important;
    color: #4CAF50 !important;
    border: 1px solid #4CAF50 !important;
}

.driver-stat-chip.idle-chip {
    background: #f5f5f5 !important;
    color: #FF6B00 !important;
    border: 1px solid #FFD700 !important;
}

.driver-stat-chip.busy-chip {
    background: #f5f5f5 !important;
    color: #FF6B00 !important;
    border: 1px solid #FF6B00 !important;
}

.modal {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.modal-header h3 {
    color: #FF6B00 !important;
}

.form-group label {
    color: #FF6B00 !important;
}

.form-group input,
.form-group select {
    background: #f5f5f5 !important;
    border: 2px solid #FFD700 !important;
    color: #333333 !important;
}

.modal-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000000 !important;
}

.btn-primary {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000000 !important;
}

.btn-assign {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000000 !important;
}

.map-link {
    color: #FFD700 !important;
}

.empty-state {
    color: #333333 !important;
}

#map-container {
    border: 3px solid #FFD700 !important;
}

#map-legend {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

#map-legend span {
    color: #333333 !important;
}

/* Additional drivers dashboard text fixes */
.info-row {
    color: #333333 !important;
}

.section-label {
    color: #FF6B00 !important;
}

.product-name {
    color: #FF6B00 !important;
}

.product-extras {
    color: #333333 !important;
}

.status-badge {
    color: #333333 !important;
}

.status-confirmed {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-pending {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-assigned {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-moving {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-picked {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-delivered {
    background: rgba(76, 175, 80, 0.2) !important;
    color: #4CAF50 !important;
    border: 1px solid #4CAF50 !important;
}

/* Shift stats styling */
.driver-stats {
    background: #FFFFFF !important;
    border: 2px solid #FFD700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
}

.driver-stats span {
    color: #333333 !important;
}

.driver-stats span[style*="color:#e65100"] {
    color: #FF6B00 !important;
}

.driver-stats span[style*="color:#FF6B00"] {
    color: #FF6B00 !important;
}

.driver-stats span[style*="color:#2e7d32"] {
    color: #4CAF50 !important;
}

.driver-stats span[style*="color:#999"] {
    color: #666666 !important;
}

/* Delivery dashboard styling */
.login-box {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.login-box h2 {
    color: #FF6B00 !important;
}

.login-box input {
    background: #f5f5f5 !important;
    border: 2px solid #FFD700 !important;
    color: #333333 !important;
}

.login-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000000 !important;
    border: 2px solid #FFD700 !important;
}

.order-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.order-num {
    color: #FFD700 !important;
}

.order-time {
    color: #333333 !important;
}

.status-new {
    background: rgba(76, 175, 80, 0.2) !important;
    color: #4CAF50 !important;
    border: 1px solid #4CAF50 !important;
}

.status-confirmed {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-accepted {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-moving {
    background: rgba(255, 107, 0, 0.2) !important;
    color: #FF6B00 !important;
    border: 1px solid #FF6B00 !important;
}

.status-picked {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
}

.status-delivered {
    background: rgba(76, 175, 80, 0.2) !important;
    color: #4CAF50 !important;
    border: 1px solid #4CAF50 !important;
}

.section-title {
    color: #FF6B00 !important;
}

/* Earnings summary styling */
.earnings-summary {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin: 12px !important;
}

.earnings-summary h3 {
    color: #FF6B00 !important;
}

.earnings-summary p,
.earnings-summary span {
    color: #333333 !important;
}

.earnings-summary span[style*="color:#2e7d32"] {
    color: #4CAF50 !important;
}

.earnings-summary span[style*="color:#c62828"] {
    color: #FF6B00 !important;
}

.earnings-summary span[style*="color:#FF6B00"] {
    color: #FFD700 !important;
}

.summary-card {
    background: #FFFFFF !important;
    border: 2px solid #FFD700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3) !important;
    border-radius: 10px !important;
    padding: 12px !important;
    margin: 8px !important;
}

.summary-card h4 {
    color: #FF6B00 !important;
}

.summary-card p,
.summary-card span {
    color: #333333 !important;
}

/* Prescription container styling */
.prescription-container {
    background: #FFFFFF !important;
}

.prescription-box {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.prescription-box h3 {
    color: #FF6B00 !important;
}

.prescription-box p {
    color: #333333 !important;
}

.prescription-upload-area {
    background: #f5f5f5 !important;
    border: 2px solid #FFD700 !important;
    color: #333333 !important;
}

.prescription-note {
    background: #FFFFFF !important;
}

.prescription-note p {
    color: #333333 !important;
}

/* Override primary color to gold */
:root {
    --primary-color: #FFD700 !important;
    --secondary-color: #D4AF37 !important;
}

/* Override buttons to gold */
.add-to-cart,
.whatsapp-btn-modal,
.filter-btn.active,
.pasta-add-btn,
.submit-review-btn,
.add-review-btn,
.edit-review-btn {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000 !important;
}

/* Override prices to gold */
.product-price,
.cart-item-price,
.cart-shop-header .shop-total,
.cart-item-info p,
.size-price,
.topping-price,
.pasta-extra-price,
#cart-total-modal,
.rating-number,
.delivery-time {
    color: #FFD700 !important;
}

/* Override cart shop header to white and gold */
.cart-shop-header {
    background: #FFFFFF !important;
    border: 1px solid #FFD700 !important;
    border-bottom: 1px solid #FFD700 !important;
}

.cart-shop-header .shop-name {
    color: #FF6B00 !important;
}

/* Override active states to gold */
.bottom-nav-item.active,
.quantity-btn {
    color: #FFD700 !important;
    background: #FFD700 !important;
}

/* Override borders to gold */
.filter-btn:hover,
.size-option:hover,
.topping-item:hover,
.topping-item.selected,
.pasta-extra-item.selected,
.payment-option:hover,
.payment-option:has(input[type="radio"]:checked) {
    border-color: #FFD700 !important;
}

/* Override checkbox selection to gold */
.topping-item.selected .topping-checkbox,
.pasta-extra-item.selected .pasta-extra-checkbox {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* Override focus states to gold */
input:focus,
textarea:focus,
select:focus,
.sauce-select:focus,
.delivery-select:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.1) !important;
}

/* Override cart fab to gold */
.cart-fab {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
}

/* Override section lines to gold */
.section-line {
    background: linear-gradient(90deg, #FFD700 0%, transparent 100%) !important;
}

/* Section header text */
.section-header h2 {
    color: #FFD700 !important;
}

/* Override promo dots to gold */
.promo-dot.active {
    background: #FFD700 !important;
}

/* Override review card border to gold */
.review-card {
    border-right: 3px solid #FFD700 !important;
}

/* Override coming soon badges to gold */
.coming-soon-overlay span,
.coming-soon-badge {
    background: rgba(255, 215, 0, 0.9) !important;
}

/* Override notification bell to gold */
#notif-bell {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #000 !important;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4) !important;
}

/* Override notification banner to light with gold text */
#notif-banner {
    background: linear-gradient(135deg, #FFFFFF 0%, #f5f5f5 100%) !important;
    color: #FF6B00 !important;
}

/* Override body background to light */
body {
    background: #f5f5f5 !important;
    color: #333333 !important;
}

/* Override cards to white */
.shop-card,
.cart-item,
.size-option,
.topping-item,
.pasta-extra-item,
.payment-option,
.category-card,
.home-cat-card {
    background: #FFFFFF !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5), inset 0 0 20px rgba(255, 215, 0, 0.1) !important;
}

/* Product cards - transparent */
.product-card,
body.internal-page .product-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Override text colors to dark */
h1, h2, h3, h4, h5, h6,
.shop-name,
.cart-item-name,
.size-label,
.topping-name,
.pasta-extra-name,
.payment-label,
.cat-card-content h3,
.cat-card-content p {
    color: #333333 !important;
}

.product-name {
    color: #FF6B00 !important;
    font-weight: 700 !important;
}

/* Product overlay text - white */
.product-overlay h3,
body.internal-page .product-overlay h3,
.shop-overlay h3,
.shop-overlay p,
.shop-overlay .delivery-time {
    color: #ffffff !important;
}

.product-overlay .product-price,
body.internal-page .product-overlay .product-price {
    color: #ffffff !important;
}

/* Override general product-price rule for overlay */
.product-card.image-focused .product-overlay .product-price,
body.internal-page .product-card.image-focused .product-overlay .product-price {
    color: #ffffff !important;
}

/* Override secondary text to dark gray */
p,
.shop-info p,
.product-info p,
.cart-subtotal,
.cart-delivery {
    color: #666666 !important;
}