/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.2.0
Text Domain: outgrid-child
*/

/*
 * Global font families: assets/css/typography.css
 * Global sizes and weights: assets/css/typography-scale.css
 * Font loading and Elementor integration: inc/typography.php
 * These styles are loaded automatically after the theme styles.
 */

/**
 * Breadcrumbs CSS - Ortaya hizalı ve beyaz renk
 */


.utility-page {
	
	padding: 5% 0 !important;
	
}

.utility-page .error-404-img {
    width: 300px !important
}
.breadcrumbs {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.breadcrumbs a {
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.breadcrumbs a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.breadcrumbs .current {
    color: #ffffff;
    font-weight: 600;
}

/* Aid forms, TR and EN: expanded content must stay readable while hovered.
 * Elementor already supplies the green closed-item hover and white title.
 */
body:is(.page-id-2886, .page-id-6523) .elementor-widget-uicore-accordion .ui-e-accordion-item.ui-open {
    background-color: #f8f8f8 !important;
    border-color: #dce5dc !important;
}
body:is(.page-id-2886, .page-id-6523) .elementor-widget-uicore-accordion .ui-e-accordion-item.ui-open .ui-e-accordion-title {
    color: #153d25 !important;
}
body:is(.page-id-2886, .page-id-6523) .elementor-widget-uicore-accordion .ui-e-accordion-item.ui-open .ui-e-accordion-icon svg {
    fill: #153d25 !important;
}

/* Homepage controls follow Outgrid's global button geometry and color tokens. */
body .evkaf-design .button,
body .evkaf-design .search-form button {
    box-sizing:border-box;
    border:0;
    border-radius:5px;
    padding:17px 40px;
    min-height:0;
    gap:14px;
    justify-content:center;
    font-family:var(--evkaf-font-body, 'DM Sans'),sans-serif;
    box-shadow:none;
    text-decoration:none;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
body .evkaf-design .button-green,
body .evkaf-design .search-form button {
    background:var(--e-global-color-uicore_primary,#153d25);
    color:var(--e-global-color-uicore_white,#fff);
}
body .evkaf-design .button-white {
    background:var(--e-global-color-uicore_white,#fff);
    color:var(--e-global-color-uicore_primary,#153d25);
}
body .evkaf-design .button-green:hover,
body .evkaf-design .button-green:focus-visible,
body .evkaf-design .search-form button:hover,
body .evkaf-design .search-form button:focus-visible {
    background:#fff;
    color:var(--e-global-color-uicore_primary,#153d25);
    border-color:var(--e-global-color-uicore_primary,#153d25);
    transform:none;
}
body .evkaf-design .button-green:is(:hover,:focus-visible) svg,
body .evkaf-design .search-form button:is(:hover,:focus-visible) svg {
    color:inherit;
}
body .evkaf-design .button.button-white:hover,
body .evkaf-design .button.button-white:focus-visible {
    background:var(--e-global-color-uicore_primary,#153d25);
    color:#fff;
}
body .evkaf-design .button.button-white:is(:hover,:focus-visible) svg {
    color:inherit;
}
body .evkaf-design :is(.slide-controls,.news-carousel-controls) button {
    width:44px;
    height:44px;
    padding:0;
    border-radius:5px;
    box-sizing:border-box;
}
body .evkaf-design :is(.slide-controls,.news-carousel-controls) button:hover:not(:disabled) {
    background:var(--e-global-color-uicore_secondary,#153d25);
    border-color:var(--e-global-color-uicore_secondary,#153d25);
    color:var(--e-global-color-uicore_white,#fff);
}
body .evkaf-design :is(.button,.search-form button,.slide-controls button,.news-carousel-controls button):focus-visible {
    outline:2px solid currentColor;
    outline-offset:3px;
}
@media(max-width:767px){
    body .evkaf-design .button,
    body .evkaf-design .search-form button {padding:13px 35px;}
}
@media(prefers-reduced-motion:reduce){
    body .evkaf-design :is(.button,button){transition:none;}
}

/* Kit / Elementor / BDT primary buttons: hover = white bg + green text
   (BDT often paints the fill on ::after — override that too or text vanishes) */
body.elementor-kit-8 input[type="button"]:is(:hover,:focus),
body.elementor-kit-8 input[type="submit"]:is(:hover,:focus),
body.elementor-kit-8 [type="submit"]:is(:hover,:focus),
body.elementor-kit-8 .wp-block-button__link:is(:hover,:focus),
body.elementor-kit-8 .elementor-button.elementor-button:is(:hover,:focus),
body.elementor-kit-8 .elementor-button:not(.bdt-offcanvas-button):is(:hover,:focus),
body.elementor-kit-8 .bdt-button-primary:is(:hover,:focus),
body.elementor-kit-8 .bdt-ep-button:is(:hover,:focus),
body.elementor-kit-8 .bdt-ep-button.bdt-ep-button-effect-h:is(:hover,:focus),
body .elementor-element .bdt-ep-button:is(:hover,:focus),
body .elementor-element .bdt-ep-button.bdt-ep-button-effect-h:is(:hover,:focus),
body .elementor-element .elementor-button:is(:hover,:focus),
body button.metform-btn:is(:hover,:focus),
body.elementor-kit-8 .bdt-callout a.bdt-callout-button:is(:hover,:focus),
body.elementor-kit-8 .bdt-contact-form .elementor-button:is(:hover,:focus),
body .uicore-navbar a.uicore-btn:is(:hover,:focus),
body .uicore-mobile-menu-wrapper .uicore-cta-wrapper a:is(:hover,:focus),
body .uicore-left-menu .uicore-cta-wrapper a:is(:hover,:focus),
body .yayinlar-download-btn:is(:hover,:focus,:focus-visible),
body .munhal-sonuclar__submit:is(:hover,:focus,:focus-visible) {
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    color:var(--e-global-color-uicore_primary,#153d25) !important;
    fill:var(--e-global-color-uicore_primary,#153d25) !important;
    border-color:var(--e-global-color-uicore_primary,#153d25) !important;
}
/* Icon buttons: invert bg/color, keep SVG stroke outline (no fill) */
body .yayin-action-btn:is(:hover,:focus,:focus-visible),
body .yayinlar-flipbook-btn.download-btn:is(:hover,:focus,:focus-visible) {
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    color:var(--e-global-color-uicore_primary,#153d25) !important;
    fill:none !important;
    border-color:#ddd !important;
}
body.elementor-kit-8 .elementor-button:is(:hover,:focus) .elementor-button-text,
body.elementor-kit-8 .elementor-button:is(:hover,:focus) .elementor-button-icon,
body.elementor-kit-8 .elementor-button:is(:hover,:focus) i,
body.elementor-kit-8 .elementor-button:is(:hover,:focus) svg,
body .elementor-element .elementor-button:is(:hover,:focus) .elementor-button-text,
body .elementor-element .bdt-ep-button:is(:hover,:focus),
body .elementor-element .bdt-ep-button:is(:hover,:focus) .bdt-ep-button-text,
body .elementor-element .bdt-ep-button:is(:hover,:focus) .bdt-ep-button-content-wrapper,
body .elementor-element .bdt-ep-button:is(:hover,:focus) span,
body .elementor-element .bdt-ep-button:is(:hover,:focus) i,
body .elementor-element .bdt-ep-button:is(:hover,:focus) svg,
body .uicore-navbar a.uicore-btn:is(:hover,:focus) span {
    color:var(--e-global-color-uicore_primary,#153d25) !important;
    fill:var(--e-global-color-uicore_primary,#153d25) !important;
}
/* Stroke-only icons (eye/download): never fill paths on hover */
body .yayin-action-btn:is(:hover,:focus,:focus-visible) svg,
body .yayinlar-flipbook-btn:is(:hover,:focus,:focus-visible) svg {
    color:var(--e-global-color-uicore_primary,#153d25) !important;
    fill:none !important;
    stroke:var(--e-global-color-uicore_primary,#153d25) !important;
}
body.elementor-kit-8 .elementor-button:is(:hover,:focus)::before,
body.elementor-kit-8 .elementor-button:is(:hover,:focus)::after,
body.elementor-kit-8 .bdt-button-primary:is(:hover,:focus)::before,
body.elementor-kit-8 .bdt-button-primary:is(:hover,:focus)::after,
body.elementor-kit-8 .bdt-ep-button:is(:hover,:focus)::before,
body.elementor-kit-8 .bdt-ep-button:is(:hover,:focus)::after,
body.elementor-kit-8 .bdt-ep-button.bdt-ep-button-effect-h:is(:hover,:focus)::before,
body.elementor-kit-8 .bdt-ep-button.bdt-ep-button-effect-h:is(:hover,:focus)::after,
body .elementor-element .elementor-button:is(:hover,:focus)::before,
body .elementor-element .elementor-button:is(:hover,:focus)::after,
body .elementor-element .bdt-ep-button:is(:hover,:focus)::before,
body .elementor-element .bdt-ep-button:is(:hover,:focus)::after,
body .elementor-element .bdt-ep-button.bdt-ep-button-effect-h:is(:hover,:focus)::before,
body .elementor-element .bdt-ep-button.bdt-ep-button-effect-h:is(:hover,:focus)::after,
body .elementor-element .bdt-ep-button:is(:hover,:focus) .bdt-ep-button-content-wrapper::before,
body .elementor-element .bdt-ep-button:is(:hover,:focus) .bdt-ep-button-content-wrapper::after,
body.elementor-kit-8 .bdt-callout a.bdt-callout-button:is(:hover,:focus)::before,
body.elementor-kit-8 .bdt-callout a.bdt-callout-button:is(:hover,:focus)::after,
body .uicore-navbar a.uicore-btn:is(:hover,:focus)::before,
body .uicore-navbar a.uicore-btn:is(:hover,:focus)::after,
body .uicore-mobile-menu-wrapper .uicore-cta-wrapper a:is(:hover,:focus)::before,
body .uicore-mobile-menu-wrapper .uicore-cta-wrapper a:is(:hover,:focus)::after,
body .uicore-left-menu .uicore-cta-wrapper a:is(:hover,:focus)::before,
body .uicore-left-menu .uicore-cta-wrapper a:is(:hover,:focus)::after {
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    opacity:1 !important;
}