/* Olivero Subtheme Custom CSS File */
/* Sistem Ayarlari */
:root {
  --max-bg-color: 100% !important;
}
.page-wrapper,.container {
  max-width: 100% !important;
}
.site-branding {
  background-image: none !important;
}
#block-olivero-subtheme-anasayfaaciklama h2{
  margin-top: 0;
  font-size: clamp(1em,3vw, 2.5em);
  color: var(--color-text-neutral-soft);
}
.block__title {
  font-size: clamp(1em,3vw, 2.5em);
  padding: 0 0 2%;
  border-bottom: 3px solid;
}
body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
  padding-block: var(--sp1);
}
.main-content .container {
  padding-inline: 10px;
}
.layout--onecol .layout__region--content {
  position: relative;
}
.main-content table {
  min-width: 380px;
  text-align: center;
}
.main-content table caption {
  font-size: clamp(2em, 2em, 6vw);
}
.main-content table th {
  text-align: center;
  border: 2px solid var(--color--gray-45) !important;
  justify-content: center;
  vertical-align: middle;
  padding-inline-end: 0 !important;
}
:is(.forum table, .text-content table, .views-table, .draggable-table) td {
  white-space: normal;
  border: 2px solid var(--color--gray-70) !important;
}
/************************************************************/
/*Footer Settings */
.footer_topbottom {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  justify-items: center;
  margin: 0 0 3%;
  padding: 2% 0
}
.footer_grid_4 .site-branding {
  margin: 0 !important;
}
.footer_topbottom .block__title {
  font-size: 1.5rem;
}
@media (min-width: 75rem) {
  .site-footer__inner {
    padding-block: 0 !important;
  }
  .site-header {
    border-block-end: none !important;
  }
  body:not(.is-always-mobile-nav) .primary-nav__menu-link--nolink{
    letter-spacing: 0.02em !important;
    font-size: 1rem !important;
    line-height: var(--sp1-5) !important;
    font-weight: bold;
    color: var(--color-text-neutral-medium);
  }
}
#main-wrapper .block a {
  color: rgba(9,136,189,1);
}
#main-wrapper .block a:hover {
  color: rgba(0,180,255,1);
}
.sticky-header-toggle__icon > span {
  background-color: var(--color-text-neutral-soft) !important;
}
/************************************************************/
/* Anasayfa Slider Ayalari */
#block-olivero-subtheme-views-block-anasayfa-slider-block-1 {
  position: relative;
}
#anasayfa-slider {
  position: relative;
}
#anasayfa-slider:before {
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(360deg, rgba(5,90,142,0.8) 0%, rgba(0,123,255,0.8) 50%, rgba(0,123,255,0) 100%);
}
#anasayfa-slider-baslik {
  position: absolute;
  bottom: 30%;
  padding: 0 10%;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1em, 5vw, 6em);
  text-shadow: 2px 2px #222;
}
.flexslider {
  margin: 0 0 20px !important;
  background: #fff;
  border: none !important;
  border-radius: 0 !important;
}
.flex-direction-nav a:before {
  margin-top: 10px !important;
  color: #fff !important;
}
.flexslider .flex-control-nav li {
  position: relative;
  bottom: 120px !important;
  z-index: 99;
}
.flexslider .flex-control-nav li a {
  background: #ddd !important;
}
.flexslider .flex-control-nav li .flex-active {
  background: rgba(9,136,189,1) !important;
}
/************************************************************/
/* Anasayfa Blok */
#block-olivero-subtheme-anasayfaaciklama {
  margin-bottom: 0 !important;
  width: 100%;
  overflow: hidden;
  position: relative;
  bottom: 180px;
  background: #fff;
  z-index: 99;
  padding: 20px 50px;
}

#anasayfa-blok-yazi{
  padding: 0 5% 0 0;
  float: left;
  opacity: 0;
  transform: translateX(-100%); /* Yazı için sağdan kaydırma */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  width:50%;
}
#anasayfa-blok-gorsel{
  width: 40%;
  float: left;
  opacity: 0;
  transform: translateX(100%); /* Görsel için soldan kaydırma */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
#anasayfa-blok-gorsel img {
  width: 100%;
  height: auto;
  position: relative;
  border: none;
  max-width: 320px;
  float: right;
  padding-top: 20px;
}
#anasayfa-blok-gorsel:before {
  content: "";
  width: 50%;
  height: 45%;
  background: rgba(9,136,189,1);
  position: absolute;
  top:0px;
  right: -20px;
  z-index: 0;
}
.btn-large {
  color: #fff !important;
  background-color: rgba(9,136,189,1) !important;
  border-color: rgba(9,136,189,1) !important;
  padding: 1.5% 10px;
  font-weight: 700;
}
.btn-large:hover {
  color: rgba(9,136,189,1) !important;
  background-color: rgba(9,136,189,1) !important;
  border-color: rgba(9,136,189,1) !important;
}
#block-anasayfaaciklama h2 {
  text-transform: capitalize;
  font-size: 2.4em !important;
  font-weight: 700;
  position: relative;
  margin-bottom: 1em;
}
#block-anasayfaaciklama h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -30%;
  border-bottom: 10px solid #f6d32d;
  width: 120px;
}
/***********************************************/
.region--content-below {
  background: #055a8e;
  margin: 0 0 0 !important;
}
#ok-blok {
  position: relative;
  display: flex;
  max-width: 1320px;
  margin: 20px auto;
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
}
#ok-blok-yazi {
  width: 70%;
  padding: 4% 0;
}
#ok-blok-gorsel {
  width: 30%;
  height: auto;
}
#ok-blok-gorsel img {
  width: 100%;
  height: auto;
}
#ok-blok-yazi h2 {
  color: #fff;
  width: 70%;
  line-height: 1.5;
  margin-bottom: 2%;
}
#ok-blok .btn {
  padding: 1% 5%
}
#ok-blok .btn a {
  text-decoration: none;
  font-weight: 700;
  color: #fff !important;
  padding: 5px 10px;
}
#ok-blok .btn a:hover {
  box-shadow: inset 0 -30px 0 0 var(--color--primary-50) !important;
}
/***********************************************/
/* Ürünler Gorunum Ayarlari */
.view-urunlerimiz .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-4 {
  text-align: center;
}
.grid-4-satir a {
  text-decoration: none;
  font-weight: 700;
}
.grid-4-gorsel img {
  width: 100%;
  height: auto;
}
/***********************************************/
/* JS Settings */
#anasayfa-blok-yazi.visible {
  opacity: 1;
  transform: translateX(0); /* Yazı görünür hale geldiğinde kaydırmayı sıfırla */
}
#anasayfa-blok-gorsel.visible {
  opacity: 1;
  transform: translateX(0); /* Görsel görünür hale geldiğinde kaydırmayı sıfırla */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
#block-olivero-subtheme-views-block-urunlerimiz-block-1.visible {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.grid-4-gorsel img {
  border-radius: 20px;
  filter:grayscale(1);
  transition: 0.2s all ease-in-out;
}
.grid-4:hover .grid-4-gorsel img {
  border-radius: 0;
  filter:grayscale(0);
  transition: 0.2s all ease-in-out;
}
/***********************************************/
@media (max-width: 768px) {
  #block-olivero-subtheme-anasayfaaciklama {
    bottom: 60px !important;
  }
  .grid-4-gorsel img {
    width: 60%;
    height: auto;
    margin: auto;
  }
  #anasayfa-blok-gorsel, #anasayfa-blok-yazi {
    width: 100%;
  }
  .flexslider .flex-control-nav li {
    bottom: 10px !important;
  }
}