/* News Header Top Bar CSS - Orijinal Stiller */\n\n.top-bar {\n    background-color: #ffffff;\n    color: #333;\n    padding: 10px 0;\n    font-size: 14px;\n    border-bottom: 2px solid #e0e0e0;\n}\n\n.search-select {\n    position: relative;\n    width: 250px;\n}\n\n.search-input {\n    width: 100%;\n    padding: 6px 35px 6px 12px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    font-size: 13px;\n    outline: none;\n}\n\n.search-input:focus {\n    border-color: #007bff;\n    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15);\n}\n\n.search-icon {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #666;\n    pointer-events: none;\n}\n\n.city-dropdown {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    background: white;\n    border: 1px solid #ddd;\n    border-top: none;\n    border-radius: 0 0 4px 4px;\n    max-height: 250px;\n    overflow-y: auto;\n    display: none;\n    z-index: 1000;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.city-dropdown.show {\n    display: block;\n}\n\n.city-item {\n    padding: 8px 12px;\n    cursor: pointer;\n    transition: background 0.2s;\n}\n\n.city-item:hover {\n    background-color: #f0f0f0;\n}\n\n.city-item.active {\n    background-color: #007bff;\n    color: white;\n}\n\n.weather-info, .prayer-time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 0 15px;\n    border-left: 1px solid #ddd;\n    color: #333;\n}\n\n.weather-info i, .prayer-time i {\n    font-size: 18px;\n    color: #ff9800;\n}\n\n.social-links {\n    display: flex;\n    gap: 15px;\n    align-items: center;\n}\n\n.social-links a {\n    color: #333;\n    font-size: 18px;\n    transition: all 0.3s;\n}\n\n.social-links a:hover {\n    color: #007bff;\n    transform: scale(1.1);\n}\n\n/* User Area Styles */\n.user-area {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    padding-left: 15px;\n    border-left: 1px solid #ddd;\n}\n\n.login-buttons {\n    display: flex;\n    gap: 8px;\n}\n\n.btn-login, .btn-register {\n    padding: 5px 15px;\n    font-size: 13px;\n    border-radius: 4px;\n    text-decoration: none;\n    transition: all 0.3s;\n}\n\n.btn-login {\n    background-color: transparent;\n    color: #007bff;\n    border: 1px solid #007bff;\n}\n\n.btn-login:hover {\n    background-color: #007bff;\n    color: white;\n}\n\n.btn-register {\n    background-color: #007bff;\n    color: white;\n    border: 1px solid #007bff;\n}\n\n.btn-register:hover {\n    background-color: #0056b3;\n    border-color: #0056b3;\n}\n\n.user-profile {\n    display: none;\n    align-items: center;\n    gap: 10px;\n    position: relative;\n    cursor: pointer;\n}\n\n.user-profile.active {\n    display: flex;\n}\n\n.user-avatar {\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    object-fit: cover;\n    border: 2px solid #007bff;\n}\n\n.user-info {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.2;\n}\n\n.user-name {\n    font-weight: 600;\n    font-size: 13px;\n    color: #333;\n}\n\n.user-email {\n    font-size: 11px;\n    color: #666;\n}\n\n.dropdown-icon {\n    font-size: 12px;\n    color: #666;\n    transition: transform 0.3s;\n}\n\n.user-profile:hover .dropdown-icon {\n    transform: rotate(180deg);\n}\n\n.user-dropdown {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    min-width: 220px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n    display: none;\n    z-index: 1000;\n}\n\n.user-dropdown.show {\n    display: block;\n}\n\n.dropdown-header {\n    padding: 12px 15px;\n    border-bottom: 1px solid #eee;\n    background: #f8f9fa;\n}\n\n.dropdown-header-name {\n    font-weight: 600;\n    font-size: 14px;\n    color: #333;\n}\n\n.dropdown-header-email {\n    font-size: 12px;\n    color: #666;\n    margin-top: 2px;\n}\n\n.dropdown-item {\n    padding: 10px 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: #333;\n    text-decoration: none;\n    transition: background 0.2s;\n    cursor: pointer;\n}\n\n.dropdown-item:hover {\n    background: #f0f0f0;\n}\n\n.dropdown-item i {\n    font-size: 16px;\n    width: 20px;\n}\n\n.dropdown-divider {\n    height: 1px;\n    background: #eee;\n    margin: 5px 0;\n}\n\n.dropdown-item.logout {\n    color: #dc3545;\n}\n\n.dropdown-item.logout:hover {\n    background: #fff0f0;\n}"