/* ===== GENEL STİLLER ===== */
body {
  background-color: #ffffff !important;
}

#return-to-top {
  background: linear-gradient(191deg, rgba(0, 157, 219, 1) 0%, rgba(18, 18, 2, 1) 78%);
  color: #009DDB;
  bottom: 50px;
  border-radius: 20px;
}

#return-to-top:hover {
  background: linear-gradient(191deg, rgba(18, 18, 2, 1) 0%, rgba(0, 157, 219, 1) 78%);
}

#return-to-top i {
  color: #009DDB;
}

#return-to-top:hover i {
  color: #000000;
}

/* ===== HEADER STİLLERİ ===== */
.header-desktop-search1 form button {
  color: #333333;
}

.header-desktop-call-i {
  color: #000000;
}

.header-desktop-call-t,
.header-desktop-call-t a {
  color: #000000;
}

.header-desktop-call-t a:hover {
  text-decoration: none;
  color: #000000;
}

.header-desktop-navbutton-box a {
  color: #000000;
}

.header-desktop-navbutton-box a:hover {
  color: #8260e3;
}

.header-desktop-main-div {
  padding: 15px 3%;
}

/* Header Arama Kutusu */
.header-desktop-search1 form input {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  color: #333333;
  background-color: #ffffff;
  padding: 6px 10px;
  outline: none;
}

.header-desktop-search1 form input::placeholder {
  color: #666666;
}

.header-desktop-search1 form input:focus {
  border: 1px solid #000000 !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
  }

/* Üst Header */
.topheader-desktop-main-div {
  background-image: linear-gradient(to right, #091d3e, #104cba, #091d3e);
  border-bottom: 1px solid #ebebeb;
  font-size: 11px;
}

.topheader-desktop-main-left a,
.topheader-desktop-main-right a {
  padding: 7px;
  color: #fff;
  font-weight: 400;
}

.topheader-desktop-main-left a:hover,
.topheader-desktop-main-right a:hover {
  color: #a6a2a2;
  text-decoration: none;
}

/* HTML İçerikli Üst Header */
.topheader-html-main {
  background-image: linear-gradient(to right, #091d3e, #104cba, #091d3e);
  padding: 8px 0;
  color: #ffffff !important;
}

.topheader-html-main span {
  color: #ffffff !important;
}

.topheader-html-main a {
  color: #fff1a6;
}

.topheader-html-main a:hover {
  color: #ffac9a;
  text-decoration: none;
}

/* ===== DROPDOWN STİLLERİ ===== */
.dropdown-menu {
  border: 1px solid #ebebeb !important;
}

.dropdown-menu:before {
  content: '';
  height: 11px;
  width: 11px;
  position: absolute;
  background-color: #fff;
  top: -7px;
  right: 9px;
  border-top: #ebebeb solid 1px;
  border-left: #ebebeb solid 1px;
  transform: rotate(45deg);
}

.dropdown-menu.cart-drop,
.dropdown-menu.user-drop,
.dropdown-menu.bell-drop {
    border-radius: 1px;
    
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
  }

/* ===== MEGA MENÜ STİLLERİ ===== */
.top-level-menu-main-div {
  background-image: linear-gradient(to right, #091d3e, #104cba, #091d3e);
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.top-level-menu {
  justify-content: center;
}

.top-level-menu > li {
  background: none;
  margin: 0;
}

.top-level-menu > li:hover {
  background-color: #091d3e;
}

.top-level-menu > li span {
  color: #ffffff;
  padding: 13px 18px;
  font-size: 16px;
  font-weight: 600;
}

.top-level-menu > li:hover span {
  color: #fff;
}

/* İkinci seviye menü */
.second-level-menu {
  width: 210px;
  background-color: #ffffff;
  padding: 5px;
}

.second-level-menu > li {
  border-bottom: 1px solid #ffffff;
  padding: 9px;
  background-image: linear-gradient(to right, #091d3e, #104cba, #091d3e);
}

.second-level-menu > li:hover {
  background: #f8f8f8;
  font-weight: bold;
}

.second-level-menu > li p {
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
}

.second-level-menu > li:hover p {
  color: #000000;
}

/* Üçüncü seviye menü */
.third-level-menu {
  left: 200px;
  width: 200px;
  margin-left: 200px;
  background-color: #ffffff;
  padding: 5px;
}

.third-level-menu > li > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.third-level-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 3px;
  width: 0;
  background: linear-gradient(to right, #091d3e, #104cba, #091d3e);
  transition: width 0.25s ease;
}

.third-level-menu > li:hover > a::after,
.third-level-menu > li.active > a::after {
  width: 100%;
}

.second-level-menu > li > .third-level-menu li p {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
}

.second-level-menu > li > .third-level-menu li:hover p {
  color: #000;
}

.top-level-menu li:hover > ul {
  border-top: 1px solid #ff441b;
}

/* Şablon 2 menü stilleri */
.sablon2-level-menu {
  background-color: #ffffff;
}

.sablon2-level-menu-left-item-h {
  color: #000000 !important;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
}

.sablon2-level-menu-left-item-s {
  color: #333333 !important;
}

.sablon2-level-menu-left-item-s:hover {
  text-decoration: underline !important;
}

/* ===== FOOTER STİLLERİ ===== */
.footer-module-main-div,
.footer-module-main-div2 {
  border-top: 1px solid #ffffff;
  font-family: 'Open Sans', sans-serif;
  padding: 50px 0;
  margin: 0px 0 0 0;
}

.footer-module-main-div {
    background-image: linear-gradient(to right, #091d3e, #104cba, #091d3e);
  }

.footer-module-main-div2 {
    background-image: linear-gradient(to right, #091d3e, #175ad9, #091d3e);
    transform: rotate(3deg);
}

.footer-module-box-telif {
  width: 90%;
  font-family: 'Open Sans', sans-serif;
  color: #f2f2f2;
}

.footer-module-box-social a {
  display: block;
  color: #ffffff;
  padding: 10px 14px;
  box-sizing: border-box;
  line-height: 15px;
  font-size: 15px;
}

.footer-module-box-social a:first-child {
  padding-left: 0;
}

.footer-module-header-text {
  color: #ffffff;
}

.footer-module-contact-box,
.footer-module-contact-box a,
.footer-module-workhour-div,
.footer-module-links-div a {
  color: #f2f2f2;
}

.footer-module-links-div a {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.footer-module-links-div a:hover {
  color: #000 !important;   /* hover’da siyah */
  text-decoration: none;    /* hover’da da çizgi çıkmasın */
}


/* ===== TİCARET KUTULARI ===== */
.ticaret-kutulari-inside {
  font-family: 'Open Sans', sans-serif;
  border: 2px solid #091f42;
  background-color: #ffffff;
  border-radius: 40px;
  box-shadow: 0px 1px 9px 2px #091f42;
}

.ticaret-kutu-box {
  border-right: 2px solid #091f42;
  border-left: 2px solid #091f42;
  border-radius: 40px;
}

@media screen and (max-width: 410px) and (min-width: 321px) {
  .ticaret-kutu-box {
    border-right: 0 !important;
    border-bottom: 1px solid #ebebeb;
  }
  
  .ticaret-kutu-box:last-child {
    border-bottom: 0 !important;
  }
}

/* ===== ÜRÜN DETAY ===== */
.urun-detay-main {
  font-family: 'Open Sans', sans-serif;
  background-color: #f5f5f5;
}

#urundetaytabs {
  font-family: 'Open Sans', sans-serif;
}

#urundetaytabs .ui-tabs-active a {
  background-image: linear-gradient(to right, #073775, #13689b, #073775);
  color: #ffffff !important;
}

/* ===== MODAL STİLLERİ ===== */
.modal-content {
  font-family: 'Poppins', Sans-serif !important;
}

/* ===== HİZMET DETAY BUTONLARI ===== */
.hizmetler-detay-right-box {
  border: 1px solid #ffffff;
  border-left: 6px solid #091e42;
  background-color: #ffffff;
  color: #000000;
}

.hizmetler-detay-right-box:hover {
  background-color: #091e42;
  color: #ffffff;
  border: 1px solid #d43867;
  border-left: 6px solid #d43867;
}

.hizmetler-detay-right-box-act {
  border: 1px solid #104cb9;
  border-left: 6px solid #091f43;
  background-image: linear-gradient(to right, #091d3e, #104cba, #091d3e);
}

/* ===== PRICING TABLOLARI ===== */
.pricing-tablolar-module-main-div {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 20px 0;
  margin: 0px 0;
  
    background: #f3f6f9;
  }

.pricing-tab-system ul {
  background-color: #d63766;
  border-radius: 100px;
  
  }

.pricing-tab-system a {
  color: #ffffff;
  font-size: 18px;
}

.pricing-tab-system a:first-child {
  border-radius: 100px 0 0 100px !important;
}

.pricing-tab-system a:last-child {
  border-radius: 0 100px 100px 0 !important;
}

.pricing-tab-system a.active {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.pricing-tab-system a:hover {
  background-color: #ffffff;
  color: #000000;
}

@media screen and (max-width: 1000px) {
  .pricing-tab-system a,
  .pricing-tab-system a:first-child,
  .pricing-tab-system a:last-child {
    border-radius: 100px !important;
  }
}

/* ===== PRE LOADER ===== */
.preload-main {
  display: flex;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  background: #d9f6ff;
  overflow: hidden;
  top: 0;
  left: 0;
}

.loader {
  position: relative;
}

/* ===== MOBİL TEMA ===== */
.mobile-top-header-main {
  border-bottom: 0px solid #ebebeb;
  background-image: linear-gradient(to right, #091d3e, #104cba, #091d3e);
}

.mobil-top-header-currency, 
.mobil-top-header-lang {
  border-left: 0px solid #ebebeb;
}

.swiper-top-header .swiper-slide a {
  color: #fff;
}

.swiper-top-header .swiper-slide a:hover {
  color: #a6a2a2;
  text-decoration: none;
}

.mobil-header-select-area {
  color: #fff;
}

.mobil-header-select-area:hover {
  color: #a6a2a2;
  text-decoration: none;
}

.mobile-header-main-area {
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
}

.mobile-header-icons {
  color: #000000 !important;
}

.mobile-header-bars {
  color: #000000;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  
  }

.mobile_side_wrap_in_close label {
  background-color: #7135f0;
  color: #ffffff;
}

.mobile_side_wrap {
  background-color: #ffffff;
}

.mobile_side_wrap_in_search input {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  color: #000000;
}

.mobile_side_wrap_in_search button {
  color: #000000;
}

.mobile_side_wrap_in_search input:focus {
  border: 1px solid #f8f8f8 !important;
}

.mobile_side_wrap_in_footer {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
}

.mobile-menu-categories-main {
  border-top: 1px solid #ebebeb;
}

.mobile-menu-categories-main #categories-parent-main ul li a {
  color: #000000;
  border-bottom: 1px solid #ebebeb;
}

.mobile-menu-categories-main #categories-parent-main ul li a:hover {
  color: #ffffff;
  background-color: #408cff;
}

.mobile-menu-categories-main #categories-parent-main ul li a i {
  color: #000000;
}

.mobile-menu-categories-main #categories-parent-main ul li a i:hover {
  color: #ffffff;
  background-color: #408cff;
}

.fixed-foot-navigation {
  background-color: #ffffff;
  
    box-shadow: 0 0 15px rgba(0,0,0,.1);
  }

.fixed-foot-navigation-in-box {
  color: #000000;
}

.fixed-foot-navigation-in-box:hover {
  color: #000000;
  text-decoration: none;
}

/* ===== WHATSAPP BUTONLARI ===== */
.tp-whatsapp,
.tp1-whatsapp {
  position: fixed;
  z-index: 999;
  animation: pulse 1s ease-in-out 0s infinite alternate;
}

.tp-whatsapp {
  bottom: 60px;
  left: 30px;
  width: 50px;
  height: 50px;
}

.tp1-whatsapp {
  bottom: 120px;
  left: 30px;
  width: 50px;
  height: 50px;
}

@keyframes pulse {
  0% { 
    transform: scale(1) rotate(-5deg); 
  }
  100% { 
    transform: scale(1.1) rotate(5deg); 
  }
}