/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/



#header #mainMenu nav > ul > li > a {
    font-size: 14px;
}

/* Blog cards: rounded corners & subtle shadow lift */
#blog .post-item.border .post-item-wrap {
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease;
}
#blog .post-item.border .post-item-wrap:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,.1);
    transform: translateY(-3px);
}
#blog .post-item.border {
    border: none !important;
    border-radius: 14px;
    overflow: hidden;
}
#blog .post-item .post-image img {
    border-radius: 14px 14px 0 0;
}
#blog.single-post .post-image img {
    border-radius: 14px;
}

/* =============================================
   MOBILE QA FIXES
   ============================================= */

/* --- Horizontal overflow: sadece mobilde body-inner'a --- */
@media (max-width: 991.98px) {
    .body-inner {
        overflow-x: hidden;
    }
}

/* --- Hamburger menü: dokunma alanını genişlet (16px → 44px) --- */
@media (max-width: 991.98px) {
    #mainMenu-trigger {
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mainMenu-trigger a.lines-button {
        min-width: 44px;
        min-height: 44px;
        width: 44px;
        padding: 12px;
    }
}

/* --- Dil seçici: mobilde hover yerine click toggle --- */
@media (max-width: 991.98px) {
    .header-extras > ul > li > .p-dropdown > a {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .header-extras > ul > li > .p-dropdown > a > i {
        font-size: 20px;
    }
    .p-dropdown .p-dropdown-content > li a,
    .p-dropdown ul.p-dropdown-content > li a {
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 10px 14px;
        font-size: 14px;
    }
    .header-extras .p-dropdown .p-dropdown-content,
    .header-extras .p-dropdown ul.p-dropdown-content {
        right: 0;
        margin-top: 4px;
    }
    .p-dropdown .p-dropdown-content,
    .p-dropdown ul.p-dropdown-content {
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px);
        pointer-events: none;
        transition: all 0.2s ease;
    }
    .p-dropdown:hover .p-dropdown-content,
    .p-dropdown:hover ul.p-dropdown-content {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .p-dropdown.dropdown-open .p-dropdown-content,
    .p-dropdown.dropdown-open ul.p-dropdown-content {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }
}

/* --- Cookie banner: mobilde kompakt yerleşim --- */
@media (max-width: 767px) {
    .cookie-consent {
        padding: 10px 12px;
    }
    .cookie-consent p {
        font-size: 13px;
        line-height: 1.45;
    }
    .cookie-consent .cookie-actions {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }
    .cookie-consent .cookie-actions .btn {
        margin-left: 0;
        flex: 1 1 auto;
        text-align: center;
    }
}

/* --- İletişim formu: mobilde tam genişlik --- */
@media (max-width: 768px) {
    .contact-form-card {
        padding: 1.5rem;
    }
    .contact-form .form-control,
    .contact-form-card .form-control {
        width: 100%;
    }
    .contact-form .btn-primary,
    .contact-form-card .btn-primary {
        width: 100%;
    }
}

/* --- Tablet: footer 2 sütun --- */
@media (min-width: 768px) and (max-width: 991px) {
    #footer .footer-content .row {
        display: flex;
        flex-wrap: wrap;
    }
    #footer .footer-content .row > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Shape divider: %101 genişlik + translateX(-50%) viewport’ta minik yatay scroll üretiyordu */
.shape-divider svg {
    width: 100%;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* =============================================
   ACCESSIBILITY: COLOR CONTRAST FIXES
   ============================================= */

/* Primary button is Polo theme yellow (#FFC107); ensure readable text. */
button.btn.btn-primary,
.btn:not(.close):not(.mfp-close).btn-primary,
a.btn:not([href]):not([tabindex]).btn-primary {
    color: #1f2329;
}

/* Primary hover state uses blue (#0333E8); keep white text there. */
button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
button.btn.btn-primary:not(:disabled):not(.disabled):active,
button.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-primary:hover,
.btn:not(.close):not(.mfp-close).btn-primary:focus,
.btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active,
.btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-primary:hover,
a.btn:not([href]):not([tabindex]).btn-primary:focus,
a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active {
    color: #ffffff;
}

/* Outline light button: used on dark sections (CTA, cookie banner). */
.btn.btn-outline-light,
button.btn.btn-outline-light,
a.btn.btn-outline-light {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}
.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus,
.btn.btn-outline-light:active,
.btn.btn-outline-light.active {
    background: rgba(255, 255, 255, 0.12);
    border-color: #ffffff;
    color: #ffffff;
}

/* Cookie reject: black button */
#cookie-reject.btn.btn-outline-light {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}
#cookie-reject.btn.btn-outline-light:hover,
#cookie-reject.btn.btn-outline-light:focus,
#cookie-reject.btn.btn-outline-light:active {
    background: #333333;
    border-color: #333333;
    color: #ffffff;
}

/* Home CTA "All products": keep readable even on warm/yellow backgrounds */
.home-cta-section .btn.btn-outline-light {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.92);
    color: #1f2329;
}
.home-cta-section .btn.btn-outline-light:hover,
.home-cta-section .btn.btn-outline-light:focus,
.home-cta-section .btn.btn-outline-light:active {
    background: #ffffff;
    border-color: #ffffff;
    color: #1f2329;
}