/* Custom Theme CSS - Dark Theme with Yellow Accent */
/* Background: #313233, Accent: #FBE900 */

/* Override main background colors */
body {
    background-color: #313233 !important;
}

.page-content {
    background-color: #FBE900 !important;
}

/* Header section */
.header {
    background-color: #FBE900 !important;
}

/* Text colors for dark background */
.header-titles h2,
.header-titles h4,
.header .copyrights,
.social-links ul li a {
    color: #313233 !important;
}

.social-links ul li a:hover {
    background-color: rgba(49, 50, 51, 0.2) !important;
    color: #313233 !important;
}

/* Main menu */
ul.main-menu {
    background-color: #313233 !important;
    box-shadow: 0 0 30px -5px rgba(251, 233, 0, 0.15) !important;
}

ul.main-menu a {
    color: #b5b6b7 !important;
}

ul.main-menu a.active,
ul.main-menu a:focus,
ul.main-menu a:hover {
    color: #FBE900 !important;
}

ul.main-menu .link-text {
    background-color: #313233 !important;
    color: #FBE900 !important;
}

/* Animated section backgrounds */
.animated-section,
.single-page-content {
    background-color: #313233 !important;
    color: #f0f0f0 !important;
}

/* Headers and titles */
h1, h2, h3, h4, h5, h6 {
    color: #FBE900 !important;
}

.page-title h2 span {
    color: #FBE900 !important;
}

.block-title h3 span {
    color: #FBE900 !important;
}

/* Replace cyan dots pattern with yellow */
.page-title:after,
.block-title:after {
    background-image: -webkit-repeating-radial-gradient(center center, #FBE900, #FBE900 1px, transparent 0px, transparent 100%) !important;
    background-image: -moz-repeating-radial-gradient(center center, #FBE900, #FBE900 1px, transparent 0px, transparent 100%) !important;
    background-image: -ms-repeating-radial-gradient(center center, #FBE900, #FBE900 1px, transparent 0px, transparent 100%) !important;
}

/* Buttons */
.btn-primary, .btn-secondary, button, input[type="button"], input[type="submit"] {
    border-color: #FBE900 !important;
    background-color: #313233 !important;
    color: #FBE900 !important;
}

.btn-primary:hover, .btn-primary:focus, button:hover, button:focus, 
input[type="button"]:hover, input[type="button"]:focus, 
input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #FBE900 !important;
    color: #313233 !important;
    border-color: #FBE900 !important;
}

/* Header buttons */
.header-buttons .btn-primary {
    background-color: transparent !important;
    color: #313233 !important;
    border-color: #313233 !important;
}

.header-buttons .btn-primary:hover {
    background-color: #313233 !important;
    color: #FBE900 !important;
    border-color: #313233 !important;
}

/* Preloader */
.preloader-spinner {
    background-color: #FBE900 !important;
}

/* Links */
a {
    color: #FBE900 !important;
}

/* Forms */
.form-control:focus ~ .form-control-border {
    border-color: #FBE900 !important;
}

.form-group.form-group-focus label,
.form-group .form-control:focus ~ label {
    color: #FBE900 !important;
}

.form-group-with-icon.form-group-focus i {
    color: #FBE900 !important;
}

/* Info list */
.info-list .title {
    color: #FBE900 !important;
}

/* Info blocks */
.info-block-w-icon i {
    color: #FBE900 !important;
}

.lm-info-block {
    background-color: #1a1a1a !important;
    border-color: #4a4a4a !important;
    color: #f0f0f0 !important;
}

.lm-info-block i {
    color: #FBE900 !important;
}

.lm-info-block h4 {
    color: #FBE900 !important;
}

.lm-info-block .lm-info-block-value {
    color: #FBE900 !important;
}

/* Fun facts */
.fun-fact {
    background-color: #1a1a1a !important;
    border-color: #4a4a4a !important;
    color: #f0f0f0 !important;
}

.fun-fact.gray-default {
    background-color: #1a1a1a !important;
}

.fun-fact i {
    color: #FBE900 !important;
}

.fun-fact h4 {
    color: #FBE900 !important;
}

/* Timeline */
.timeline-second-style .divider {
    background-color: #4a4a4a !important;
}

.timeline-second-style .divider:before {
    background-color: #FBE900 !important;
}

.timeline-second-style .divider:after {
    background-color: #313233 !important;
    border-color: #FBE900 !important;
}

.timeline-second-style .item-period {
    color: #FBE900 !important;
}

.timeline-second-style .item-company {
    color: #b5b6b7 !important;
}

/* Skills */
.skills-second-style .skill-container {
    background-color: #1a1a1a !important;
    border-color: #FBE900 !important;
}

.skills-second-style .skill-percentage {
    background-color: #FBE900 !important;
    border-color: #313233 !important;
}

/* Knowledges tags */
.knowledges li {
    background-color: #FBE900 !important;
    color: #313233 !important;
}

/* Testimonials */
.testimonial {
    border-color: #4a4a4a !important;
    background-color: #1a1a1a !important;
}

.testimonial .text {
    color: #f0f0f0 !important;
}

.testimonial .author-info .icon {
    color: #FBE900 !important;
}

/* Portfolio */
.portfolio-filters li a {
    color: #f0f0f0 !important;
}

.portfolio-grid figure .category {
    background-color: #313233 !important;
    color: #FBE900 !important;
}

.portfolio-grid figure i {
    background-color: #313233 !important;
    color: #FBE900 !important;
}

/* Arrows navigation */
.lmpixels-arrows-nav {
    background-color: #313233 !important;
    box-shadow: 0 0 30px -5px rgba(251, 233, 0, 0.15) !important;
}

.lmpixels-arrows-nav div {
    color: #b5b6b7 !important;
}

.lmpixels-arrows-nav div:hover {
    color: #FBE900 !important;
}

/* Menu toggle */
.menu-toggle {
    background-color: #FBE900 !important;
}

.menu-toggle span {
    background: #313233 !important;
}

/* Forms and inputs */
input[type="text"],
input[type="search"],
input[type="password"],
textarea.form-control,
select.form-control,
.form-control {
    background-color: #1a1a1a !important;
    border-color: #4a4a4a !important;
    color: #f0f0f0 !important;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea.form-control:focus,
select.form-control:focus,
.form-control:focus {
    background-color: #1a1a1a !important;
    border-color: #FBE900 !important;
    color: #f0f0f0 !important;
}

/* Placeholder text */
.form-control::-webkit-input-placeholder {
    color: #888 !important;
}
.form-control:-ms-input-placeholder {
    color: #888 !important;
}
.form-control::-moz-placeholder {
    color: #888 !important;
}

/* General text color adjustments */
p, li, span, div {
    color: #f0f0f0;
}

/* Contact section */
.contact-in {
    color: #f0f0f0 !important;
}

/* Accordion styles */
.accordion .link {
    color: #f0f0f0 !important;
}

.accordion li.open .link {
    color: #FBE900 !important;
}

.accordion li i {
    color: #f0f0f0 !important;
}

.accordion li.open i {
    color: #FBE900 !important;
}

.submenu {
    background-color: #1a1a1a !important;
}

.submenu li {
    border-bottom-color: #4a4a4a !important;
}

.submenu a {
    color: #f0f0f0 !important;
}

.submenu a:hover {
    background: #FBE900 !important;
    color: #313233 !important;
}

/* Sweet Alert customization */
.swal2-popup {
    background-color: #1a1a1a !important;
    color: #f0f0f0 !important;
}

.swal2-title {
    color: #FBE900 !important;
}

.swal2-confirm {
    background-color: #FBE900 !important;
    color: #313233 !important;
}

.swal2-cancel {
    background-color: #313233 !important;
    color: #FBE900 !important;
    border: 1px solid #FBE900 !important;
}

/* Map overlays */
#map2, #map3 {
    border: 1px solid #4a4a4a !important;
}

/* Leaflet popup customization */
.leaflet-popup-content-wrapper {
    background-color: #1a1a1a !important;
    color: #f0f0f0 !important;
}

.leaflet-popup-tip {
    background-color: #1a1a1a !important;
}

/* Button in map popup */
.btn-info {
    background-color: #FBE900 !important;
    color: #313233 !important;
    border-color: #FBE900 !important;
}

/* Status badges and labels */
.label, .badge {
    background-color: #FBE900 !important;
    color: #313233 !important;
}

/* Hide Leaflet attribution */
.leaflet-control-attribution {
    display: none !important;
}

/* Kargo Hareketleri Timeline - Fix date visibility */
.timeline-second-style .item-company {
    color: #b5b6b7 !important;
}

.timeline-second-style .left-part {
    color: #e0e0e0 !important;
}

.timeline-second-style .left-part .item-period {
    color: #FBE900 !important;
}

.timeline-second-style .left-part span.item-company {
    color: #b5b6b7 !important;
}

/* Timeline right part text */
.timeline-second-style .right-part {
    color: #e0e0e0 !important;
}

.timeline-second-style .right-part .item-title {
    color: #b5b6b7 !important;
}

/* Kargo Hareketleri - Fix all text colors */
.timeline-item .item-company {
    color: #b5b6b7 !important;
}

.timeline-item .item-period {
    color: #FBE900 !important;
}

.timeline-item span {
    color: #b5b6b7 !important;
}

.timeline-item h4 {
    color: #e0e0e0 !important;
}

.timeline-item h5 {
    color: #FBE900 !important;
}

/* Accordion timeline specific */
.accordion .timeline-item .left-part,
.accordion .timeline-item .right-part {
    color: #b5b6b7 !important;
}

.accordion .timeline-item .item-company {
    color: #b5b6b7 !important;
}

/* Datepicker (Tarih Seçimi) Styles - Enhanced visibility and contrast */
.datepicker {
    background-color: #1a1a1a !important;
    border: 2px solid #4a4a4a !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(251, 233, 0, 0.15) !important;
}

.datepicker-picker {
    background-color: #1a1a1a !important;
    color: #f0f0f0 !important;
}

/* Datepicker header (month/year navigation) */
.datepicker .prev-btn,
.datepicker .next-btn,
.datepicker .view-switch {
    background-color: #313233 !important;
    color: #FBE900 !important;
    border: 1px solid #FBE900 !important;
    font-weight: 600 !important;
}

.datepicker .prev-btn:hover,
.datepicker .next-btn:hover,
.datepicker .view-switch:hover {
    background-color: #FBE900 !important;
    color: #313233 !important;
}

/* Date cells - make text much darker and more visible */
.datepicker-cell {
    color: #f0f0f0 !important;
    background-color: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
}

/* Disabled dates - make them clearly distinguishable */
.datepicker-cell.disabled {
    color: #666 !important;
    background-color: #1a1a1a !important;
    border-color: #333 !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Enabled dates (hover state) - clear visual feedback */
.datepicker-cell:not(.disabled):hover {
    background-color: #FBE900 !important;
    color: #313233 !important;
    border-color: #FBE900 !important;
    font-weight: 700 !important;
    transform: scale(1.05) !important;
    transition: all 0.2s ease !important;
}

/* Selected date - highly visible */
.datepicker-cell.selected {
    background-color: #FBE900 !important;
    color: #313233 !important;
    border: 2px solid #313233 !important;
    font-weight: 700 !important;
    box-shadow: 0 0 10px rgba(251, 233, 0, 0.5) !important;
}

/* Today's date - special highlighting */
.datepicker-cell.today {
    background-color: #313233 !important;
    color: #FBE900 !important;
    border: 2px solid #FBE900 !important;
    font-weight: 700 !important;
    position: relative !important;
}

.datepicker-cell.today:before {
    content: "●";
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 8px;
    color: #FBE900 !important;
}

/* Weekend days (if needed) */
.datepicker-cell.weekend {
    color: #ccc !important;
    background-color: #252525 !important;
}

.datepicker-cell.weekend.disabled {
    color: #555 !important;
    background-color: #1a1a1a !important;
}

/* Days of week header */
.datepicker-dow {
    color: #FBE900 !important;
    background-color: #313233 !important;
    font-weight: 700 !important;
    text-align: center !important;
    border-bottom: 2px solid #FBE900 !important;
}

/* Month navigation */
.datepicker-months .datepicker-cell,
.datepicker-years .datepicker-cell {
    color: #f0f0f0 !important;
    background-color: #2a2a2a !important;
    font-weight: 600 !important;
}

.datepicker-months .datepicker-cell:hover,
.datepicker-years .datepicker-cell:hover {
    background-color: #FBE900 !important;
    color: #313233 !important;
}

/* Input field when datepicker is active */
#date.datepicker-input {
    background-color: #1a1a1a !important;
    border: 2px solid #FBE900 !important;
    color: #f0f0f0 !important;
    font-weight: 600 !important;
}

#date.datepicker-input:focus {
    box-shadow: 0 0 10px rgba(251, 233, 0, 0.3) !important;
}