/*=====================================================
    ROTABUY - ROUTEWIX STYLE SKIN
    Primary: #1a73e8 (Mavi)
    Secondary: #0d47a1 (Koyu Mavi)
    Accent: #34a853 (Yeşil)
    Dark: #1e2a3b
=====================================================*/

:root {
    --primary: #1a73e8;
    --primary-dark: #0d47a1;
    --primary-light: #4285f4;
    --accent: #34a853;
    --accent-dark: #2d8f47;
    --accent-light: #7ab929;
    --dark: #1e2a3b;
    --dark-light: #2d3e50;
    --text-color: #1a73e8;
    --bg-color: #1a73e8;
    --bg-color-ho: #0d47a1;
    --gradient-primary: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
    --gradient-dark: linear-gradient(135deg, #1e2a3b 0%, #0d47a1 100%);
    --gradient-accent: linear-gradient(135deg, #34a853 0%, #7ab929 100%);
}

/*===================== Primary bg color =====================*/
::selection,
.bg-primary,
.site-button,
.pagination > .active > a,
.pagination > .active > span,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active > [class*="site-button"],
.owl-btn-1.primary .owl-prev,
.owl-btn-1.primary .owl-next,
.owl-btn-2.primary .owl-prev,
.owl-btn-2.primary .owl-next,
.icon-bx-wraper.hover:hover,
.dlab-accordion.primary .acod-head a,
.pagination-bx .pagination li.active a,
.pagination-bx .pagination li a:hover,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.overlay-primary:after,
.work-box.style1:hover,
.work-box.style1 .box-count,
.dlab-separator.bg-primary,
.widget-title:after,
.date-style-2 .post-date,
.date-style-3 .post-date,
.tag-new {
    background-color: #1a73e8;
}

/* Hover states */
.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button,
.bg-primary-dark,
.pagination > li > a:hover,
.owl-btn-1.primary .owl-prev:hover,
.owl-btn-1.primary .owl-next:hover,
.owl-btn-2.primary .owl-prev:hover,
.owl-btn-2.primary .owl-next:hover {
    background-color: #0d47a1;
}

/*===================== Primary text color =====================*/
a,
.text-primary,
.header-nav .nav > li.active > a,
.header-nav .nav > li:hover > a,
.header-nav .nav > li .sub-menu li a:hover,
blockquote:before,
button.scroltop,
.testimonial-1 .testimonial-position,
.testimonial-2 .testimonial-position,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.site-button.outline,
.site-button-link:hover,
.dlab-post-meta i,
.work-box.style1:hover .box-count,
.site-filters.listing-filters ul li.active a,
.blog-post.style1 .dlab-post-meta .post-date,
footer a:hover {
    color: #1a73e8;
}

/*===================== Primary border color =====================*/
.navbar-toggle,
button.scroltop,
blockquote,
.work-box.style1,
.header-nav .nav > li .sub-menu,
.header-nav .nav > li .mega-menu,
.dlab-tabs.border-top .nav-tabs > li > a.active {
    border-color: #1a73e8;
}

.header-nav .nav > li .sub-menu,
.header-nav .nav > li .mega-menu {
    border-top-color: #1a73e8;
}

/*===================== Accent/Secondary colors =====================*/
.bg-secondary,
.site-button.green,
.site-button-secondry,
.btn-accent {
    background-color: #34a853;
}

.site-button.green:hover,
.site-button-secondry:hover,
.btn-accent:hover {
    background-color: #2d8f47;
}

.text-secondary,
.text-accent {
    color: #34a853;
}

/*===================== Dark theme colors =====================*/
.bg-dark,
.footer-dark,
.bg-black-2 {
    background-color: #1e2a3b;
}

.bg-dark-light {
    background-color: #2d3e50;
}

/*===================== Custom Routewix Styles =====================*/

/* Gradient Backgrounds */
.bg-gradient-primary {
    background: var(--gradient-primary) !important;
}

.bg-gradient-dark {
    background: var(--gradient-dark) !important;
}

.bg-gradient-accent {
    background: var(--gradient-accent) !important;
}

/* Modern Button Styles */
.site-button {
    background-color: #1a73e8;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(26, 115, 232, 0.3);
}

.site-button:hover {
    background-color: #0d47a1;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 115, 232, 0.4);
}

.site-button.green,
.site-button.accent {
    background-color: #34a853;
    box-shadow: 0 4px 15px rgba(52, 168, 83, 0.3);
}

.site-button.green:hover,
.site-button.accent:hover {
    background-color: #2d8f47;
    box-shadow: 0 6px 20px rgba(52, 168, 83, 0.4);
}

.site-button.outline {
    background: transparent;
    border: 2px solid #1a73e8;
    color: #1a73e8;
}

.site-button.outline:hover {
    background: #1a73e8;
    color: #fff;
}

.site-button.outline.white {
    border-color: #fff;
    color: #fff;
}

.site-button.outline.white:hover {
    background: #fff;
    color: #1a73e8;
}

/* Card Styles */
.card-modern {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: none;
}

.card-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Icon Box Modern */
.icon-box-modern {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.icon-box-modern:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(26, 115, 232, 0.15);
}

.icon-box-modern .icon-cell {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(26, 115, 232, 0.1) 0%, rgba(13, 71, 161, 0.1) 100%);
    color: #1a73e8;
    font-size: 36px;
    margin: 0 auto 20px;
    transition: all 0.3s ease;
}

.icon-box-modern:hover .icon-cell {
    background: var(--gradient-primary);
    color: #fff;
    transform: scale(1.1);
}

.icon-box-modern .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #1e2a3b;
}

.icon-box-modern p {
    color: #6c757d;
    font-size: 14px;
    line-height: 1.6;
}

/* Section Headers */
.section-head .box-title {
    font-weight: 700;
    color: #1e2a3b;
}

.section-head p {
    color: #6c757d;
    max-width: 600px;
    margin: 0 auto;
}

/* Stat Counter */
.counter-style-1.text-white .counter {
    font-size: 48px;
    font-weight: 700;
}

.counter-style-1.text-white .counter-text {
    font-size: 16px;
    opacity: 0.9;
}

/* Work Box / How it Works */
.work-box.style1 {
    border: none;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    padding: 40px 30px;
    padding-top: 50px;
    margin-top: 40px;
    transition: all 0.3s ease;
    overflow: visible;
    position: relative;
}

.work-box.style1:hover {
    background: var(--gradient-primary);
}

.work-box.style1 .box-count {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 700;
    background: var(--gradient-primary);
    color: #fff;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.work-box.style1:hover .box-count {
    background: #fff;
    color: #1a73e8;
}

.work-box.style1 .icon-bx-lg {
    background: linear-gradient(135deg, rgba(26, 115, 232, 0.1) 0%, rgba(13, 71, 161, 0.1) 100%);
    border-radius: 20px;
}

.work-box.style1:hover .icon-bx-lg {
    background: rgba(255, 255, 255, 0.2);
}

.work-box.style1 .icon-cell i {
    color: #1a73e8;
}

.work-box.style1:hover .icon-cell i,
.work-box.style1:hover .dlab-tilte,
.work-box.style1:hover p {
    color: #fff;
}

/* Testimonial */
.testimonial-2.testimonial-bg {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.testimonial-2 .testimonial-text {
    padding: 30px;
}

.testimonial-2 .testimonial-pic {
    border: 3px solid #1a73e8;
}

/* Featured Box */
.featured-bx.style2 {
    border-radius: 12px;
    overflow: hidden;
}

.featured-bx.style2 .featured-content {
    background: linear-gradient(180deg, transparent 0%, rgba(26, 115, 232, 0.9) 100%);
}

/* Listing Box */
.listing-bx.style-2 {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.listing-bx.style-2:hover {
    box-shadow: 0 8px 30px rgba(26, 115, 232, 0.15);
}

/* Header */
.site-header.header-transparent .main-bar {
    background: transparent;
}

.site-header.header-transparent.scrolled .main-bar,
.site-header .sticky-header.is-fixed .main-bar {
    background: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

/* Footer */
.site-footer.bg-black-2 {
    background: #1e2a3b;
}

.site-footer .footer-top {
    padding: 60px 0;
}

.site-footer h5 {
    color: #fff;
    font-weight: 600;
}

.site-footer a {
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.3s ease;
}

.site-footer a:hover {
    color: #1a73e8;
}

/* Form Controls */
.form-control:focus {
    border-color: #1a73e8;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
}

/* Badge */
.badge-primary {
    background: #1a73e8;
}

.badge-success,
.badge-accent {
    background: #34a853;
}

/* Progress Bar */
.progress-bar {
    background: var(--gradient-primary);
}

/* Scrolltop Button */
button.scroltop {
    background: var(--gradient-primary);
    border: none;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(26, 115, 232, 0.4);
}

button.scroltop:hover {
    background: var(--gradient-dark);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .nav-dark.header-nav .nav > li > a:hover,
    .nav-dark.header-nav .nav > li > a:active,
    .nav-dark.header-nav .nav > li > a:focus {
        color: #1a73e8;
    }
}

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.float-animation {
    animation: float 3s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.pulse-animation {
    animation: pulse 2s ease-in-out infinite;
}

/* ==================== FOOTER ENHANCEMENTS ==================== */
.footer-social .dlab-social-icon {
    display: flex;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-social .dlab-social-icon li a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
}

.footer-social .dlab-social-icon li a:hover {
    background: var(--primary);
    transform: translateY(-3px);
}

.footer-social .dlab-social-icon li a.fa-linkedin:hover {
    background: #0077b5;
}

.footer-social .dlab-social-icon li a.fa-twitter:hover {
    background: #1da1f2;
}

.footer-social .dlab-social-icon li a.fa-instagram:hover {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.footer-social .dlab-social-icon li a.fa-youtube:hover {
    background: #ff0000;
}

.text-gray {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.6;
}

.app-badges {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.app-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 10px 15px;
    color: #fff;
    font-size: 13px;
    transition: all 0.3s ease;
}

.app-badge:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.app-badge i {
    font-size: 20px;
}

.app-badge span {
    font-weight: 500;
}