/*
Theme Name: Child Theme (one press)
Theme URI: http://example.com/twenty-twenty-two-child/
Description: The description of the child theme goes here
Author: John Doe
Author URI: http://example.com
Template: onepress
Version: 1.0.0
*/
/* =====================================================
   IDM HEADER DESIGN - LACIVERT / TURKUAZ
   ===================================================== */

/* Header genel görünüm */
#masthead.site-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e8edf2 !important;
    box-shadow: 0 3px 12px rgba(21, 35, 58, 0.06);
    z-index: 999;
}

/* Masaüstü menü */
@media screen and (min-width: 1140px) {

    #masthead.site-header .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #masthead .site-branding {
        display: flex;
        align-items: center;
    }

    #masthead .header-right-wrapper {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    #masthead #site-navigation {
        margin: 0;
    }

    #masthead .onepress-menu > li > a {
        color: #15233A !important;
        background: transparent !important;
        font-weight: 600;
        transition: color .2s ease;
    }

    #masthead .onepress-menu > li > a:hover,
    #masthead .onepress-menu > li > a:focus,
    #masthead .onepress-menu > li.onepress-current-item > a,
    #masthead .onepress-menu > li.current-menu-item > a,
    #masthead .onepress-menu > li.current_page_item > a {
        color: #55C5E8 !important;
        background: transparent !important;
    }

    /* Açılır menü */
    #masthead .onepress-menu ul.sub-menu {
        background: #ffffff !important;
        border: 1px solid #e8edf2;
        box-shadow: 0 8px 22px rgba(21, 35, 58, 0.12);
        border-radius: 5px;
        overflow: hidden;
    }

    #masthead .onepress-menu ul.sub-menu li a {
        color: #15233A !important;
        background: #ffffff !important;
        font-size: 13px;
        transition: color .2s ease, background-color .2s ease;
    }

    #masthead .onepress-menu ul.sub-menu li a:hover,
    #masthead .onepress-menu ul.sub-menu li.current-menu-item > a {
        color: #15233A !important;
        background: #eefaff !important;
    }
}

/* Mobil ve tablet menü */
@media screen and (max-width: 1139px) {

    #masthead.site-header {
        background: #ffffff !important;
    }

    #masthead #nav-toggle {
        color: #15233A !important;
    }

    #masthead #nav-toggle:hover,
    #masthead #nav-toggle:focus {
        color: #55C5E8 !important;
    }

    #masthead #nav-toggle span,
    #masthead #nav-toggle span::before,
    #masthead #nav-toggle span::after {
        background-color: #15233A !important;
    }

    #masthead .onepress-menu > li > a {
        color: #15233A !important;
        background: #ffffff !important;
    }

    #masthead .onepress-menu > li > a:hover,
    #masthead .onepress-menu > li > a:focus,
    #masthead .onepress-menu > li.onepress-current-item > a,
    #masthead .onepress-menu > li.current-menu-item > a {
        color: #55C5E8 !important;
        background: #ffffff !important;
    }

    #masthead .onepress-menu ul.sub-menu a {
        color: #15233A !important;
    }
}


/* IDM ANA SAYFA LISANS FIYAT GORSELI */
.idm-pricing-image {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 0;
}

.idm-pricing-image img {
  display: block;
  width: 100%;
  height: auto;
}

.idm-pricing-link {
  position: absolute;
  top: 0;
  height: 100%;
  display: block;
  z-index: 2;
  background: transparent;
}

.idm-pricing-link-left {
  left: 0;
  width: 49.5%;
}

.idm-pricing-link-right {
  right: 0;
  width: 50.5%;
}

.idm-pricing-link:focus-visible {
  outline: 3px solid #ff9800;
  outline-offset: -5px;
}

/* =====================================================
   IDM HEADER - LACIVERT TASARIM
   ===================================================== */

#masthead.site-header {
    background: #102D50 !important;
    border-bottom: 1px solid #244568 !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.16) !important;
}

/* Masaustu ana menu */
@media screen and (min-width: 1140px) {
    #masthead .onepress-menu > li > a {
        color: #ffffff !important;
        background: transparent !important;
    }

    #masthead .onepress-menu > li > a:hover,
    #masthead .onepress-menu > li > a:focus,
    #masthead .onepress-menu > li.current-menu-item > a,
    #masthead .onepress-menu > li.current_page_item > a,
    #masthead .onepress-menu > li.onepress-current-item > a {
        color: #55C5E8 !important;
        background: transparent !important;
    }

    /* Masaustu alt menu */
    #masthead .onepress-menu ul.sub-menu {
        background: #173E67 !important;
        border: 1px solid #315779 !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
    }

    #masthead .onepress-menu ul.sub-menu li a {
        color: #ffffff !important;
        background: #173E67 !important;
        border-color: #315779 !important;
    }

    #masthead .onepress-menu ul.sub-menu li a:hover,
    #masthead .onepress-menu ul.sub-menu li.current-menu-item > a {
        color: #55C5E8 !important;
        background: #204D76 !important;
    }
}

/* Mobil ve tablet header */
@media screen and (max-width: 1139px) {
    #masthead #nav-toggle {
        color: #ffffff !important;
    }

    #masthead #nav-toggle:hover,
    #masthead #nav-toggle:focus {
        color: #55C5E8 !important;
    }

    #masthead #nav-toggle span,
    #masthead #nav-toggle span::before,
    #masthead #nav-toggle span::after {
        background-color: #ffffff !important;
    }

    /* Mobil acilir menu */
    #masthead .onepress-menu.onepress-menu-mobile,
    #masthead .main-navigation .onepress-menu {
        background: #102D50 !important;
    }

    #masthead .onepress-menu.onepress-menu-mobile li {
        background: #102D50 !important;
        border-color: #315779 !important;
    }

    #masthead .onepress-menu.onepress-menu-mobile a,
    #masthead .onepress-menu.onepress-menu-mobile > li > a,
    #masthead .onepress-menu.onepress-menu-mobile ul li a {
        color: #ffffff !important;
        background: transparent !important;
    }

    #masthead .onepress-menu.onepress-menu-mobile a:hover,
    #masthead .onepress-menu.onepress-menu-mobile a:focus,
    #masthead .onepress-menu.onepress-menu-mobile li.current-menu-item > a,
    #masthead .onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
        color: #55C5E8 !important;
        background: #173E67 !important;
    }

    #masthead .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
        color: #ffffff !important;
        border-color: #315779 !important;
    }
}