/* 

Theme Name:ZİÇEV TEMA
Theme URI:https://obiziz.com.tr/
Author:Hüseyin Can AZAPCI;
Author URI: https://obiziz.com.tr/
Description:Bu tema ZICEV için OBİZİZ tarafından hazırlanmıştır
Version:1.0
Text-domain:zicev

*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    font-family: 'Montserrat', sans-serif;
}

:root{
    --broken-white: ##f7fafc;
    --primary: rgba(18, 147, 61, 1);
    --primary-9: rgba(18, 147, 61, .9);
    --primary-8: rgba(18, 147, 61, .8);
    --primary-7: rgba(18, 147, 61, .7);
    --primary-6: rgba(18, 147, 61, .6);
    --primary-5: rgba(18, 147, 61, .5);
    --primary-4: rgba(18, 147, 61, .4);
    --primary-3: rgba(18, 147, 61, .3);
    --primary-2: rgba(18, 147, 61, .2);
    --primary-1: rgba(18, 147, 61, .1);
    --secondary: rgba(44, 41, 99, 1);
    --secondary-9: rgba(44, 41, 99, .9);
    --secondary-8: rgba(44, 41, 99, .8);
    --secondary-7: rgba(44, 41, 99, .7);
    --secondary-6: rgba(44, 41, 99, .6);
    --secondary-5: rgba(44, 41, 99, .5);
    --secondary-4: rgba(44, 41, 99, .4);
    --secondary-3: rgba(44, 41, 99, .3);
    --secondary-2: rgba(44, 41, 99, .2);
    --secondary-1: rgba(44, 41, 99, .1);
}

ol, ul, li 
{
	list-style: circle !important;
}

.menu-item 
{
	list-style: none !important;
}

body{
    background-color: var(--broken-white);
}

.container{
    max-width: 1400px;
    width: 90%;
    margin-inline: auto;
}

.swiper .swiper-pagination-bullet{
    background-color: rgba(0,0,0,.7) !important;
    outline: 1px solid rgba(18, 147, 61, 0) !important;
    outline-offset: 0px !important;
    transition: all 0.3s ease-in-out !important;
}

.swiper .swiper-pagination-bullet-active{
    background-color: var(--primary) !important;
    outline: 1px solid rgba(18, 147, 61, 1) !important;
    outline-offset: 2px !important;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev{
    color: var(--primary) !important;
}

.campaign-swiper .swiper-slide img{
    filter: grayscale(100%);
    transition: all 0.5s ease-in-out;
}

.campaign-swiper .swiper-slide-active img{
    filter: grayscale(0%);
}

/* Hero Slider Styles */
.hero-swiper {
    overflow: hidden;
}

.hero-swiper .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.hero-swiper .swiper-slide-active {
    opacity: 1;
}

.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
    background-color: rgba(255, 255, 255, 0.9);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: var(--primary) !important;
    transition: all 0.3s ease-in-out;
    top: auto;
    bottom: 20px;
}

.hero-swiper .swiper-button-prev {
    left: 20px;
}

.hero-swiper .swiper-button-next {
    left: 80px;
    right: auto;
}

.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover {
    background-color: var(--primary);
    color: white !important;
    transform: scale(1.1);
}

.hero-swiper .swiper-button-next::after,
.hero-swiper .swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
}

.hero-swiper .swiper-pagination {
    bottom: 20px;
    left: 150px;
    right: auto;
    width: auto;
}

.hero-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.7);
    border: 2px solid var(--primary);
}

.hero-swiper .swiper-pagination-bullet-active {
    background-color: var(--primary);
    transform: scale(1.2);
}

.fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-up.active {
    opacity: 1;
    transform: translateY(0);
}

.depth_0 > li > ul {
    display: none !important; /* veya sadece display: none; */
}

.depth_0 > li > ul,
.depth_1 > li > ul,
.depth_2 > li > ul {
    display: none !important; /* !!! Bu !important çok önemli olabilir !!! */
}

/*
 * Bu kural, .group sınıfına sahip bir <li> üzerine gelindiğinde
 * hemen altındaki <ul> (alt menüyü) görünür yapar.
 */
.group:hover > ul {
    display: block !important; /* !!! Bu !important da önemli olabilir !!! */
}

/* Tüm alt menüleri başlangıçta gizle */
/* Bu kuralın spesifikliği çok önemli */
.menu-item-has-children > ul {
    display: none !important; /* !!! Bu kural tüm alt menüleri gizlemeli */
}

/* Üst öğe (parent) hover olduğunda alt menüyü göster */
/* .group sınıfı Zicev_Menu_Walker'da zaten parent li'ye ekleniyor */
.group:hover > ul {
    display: block !important;
}

/* Eğer hala sorun yaşıyorsanız, depth_0 için daha spesifik hedefleme */
/* Bu, özellikle ana menüden açılan alt menüler içindir */
.main-navigation .depth_0 > li > ul { /* main-navigation veya menünüzün ana kapsayıcısı */
    display: none !important;
}

/* Ve hover durumu */
.main-navigation .group:hover > ul {
    display: block !important;
}

/* current-menu-item veya active sınıfının display: block yapmamasını sağlama */
/* Eğer aktif sayfadaysanız ve bu yüzden açılıyorsa */
.current-menu-item > ul,
.active > ul {
    display: none !important; /* Aktif menü öğesinin altındaki menüyü de gizle */
}
.current-menu-item.group:hover > ul,
.active.group:hover > ul {
    display: block !important; /* Hover'da yine de açılsın */
}

#popmake-8347
{
	display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pum-content+.pum-close>span, .pum-content, .pum-title {
    position: relative;
    z-index: 1;
    font-weight: 500 !important;
}

.pum-theme-1194 .pum-container, .pum-theme-hello-box .pum-container
{
	border-radius: 20px !important;
    border: 6px solid rgba(18, 147, 61, 1) !important;
}

.my-custom-form {
	max-width: 100% !important;
  margin: 0 auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
}

.my-custom-form input[type="text"],
.my-custom-form input[type="email"],
.my-custom-form input[type="tel"],
.my-custom-form textarea,
.my-custom-form select {
  width: 100% !important;
  padding: 12px 15px !important;
  margin-bottom: 15px !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.my-custom-form input:focus,
.my-custom-form textarea:focus,
.my-custom-form select:focus {
  border-color: #01ab6c !important;
  box-shadow: 0 0 8px rgba(1,171,108,0.3) !important;
  outline: none !important;
}

.my-custom-form label {
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.my-custom-btn {
  display: inline-block !important;
  background: #01ab6c !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  transition: background 0.3s ease, transform 0.2s ease !important;
}

.my-custom-btn:hover {
  background: #018a57 !important;
  transform: translateY(-2px) !important;
}

.my-custom-btn:active {
  background: #01794c !important;
  transform: translateY(0) !important;
}