/*   
Theme Name: Eleganas Theme
Theme URI: www.danielbarbarossa.com
Description: A Theme for WordPress with Bootstrap for styling.
Author: Daniel Barbarossa
Author URI: www.danielbarbarossa.com
Version: 1.0
*/

body,
div,
h1,
input,
li,
p,
ul {
  margin: 0;
  padding: 0;
}

html {
  font-family: lydia !important;
  background-color: #fefefe;
  margin: 0;
  padding: 0;
  /* font-size: 13px */
}

body {
  height: 100%;
  /* font-family: source_sans_proregular!important; */
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2rem;
}
.woocommerce-input-wrapper {
  width: 100%;
  display: block;
}
/*
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{

    padding: .25rem;
    height: 30px;
    border:1px solid #999;
    background:#ffeeff;

} */

/* gönderim tahmini adres diye birsey cıkiyor sepette onu kaldirir.*/
#shipping_method + p.woocommerce-shipping-destination {
  display: none;
}

/* siparisiniz alindi bolumunde bootstrap a uymadıgı için adresler borderlar içine sıgmıyor bu işlem ile duzeldi*/
.woocommerce .col-1,
.woocommerce .col-2 {
  max-width: none;
}

/*sadece deneme sasirtmasin seni*/
/* .container .woocommerce {
    
        position: relative;
        min-height: 100vh;
      
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;   
        
  } */

/* ana sayfadaki cardlar icin duzenleme */
.card-footer,
.card-body {
  padding: 0.25rem !important;
}
.card {
  margin-bottom: 0.25rem !important;
}

.whatsapporder {
  background-color: #4caf50;
  color: white;
  padding: 2px 5px;
  /* text-align: center; */
  text-decoration: none;
  display: inline-block;
  margin: 5px 1px;
}
.whatsapporder:hover {
  background-color: #04aa6d;
  color: white;
}

.single-product .product .single_add_to_cart_button.button {
  background-color: #ff6000;
  color: #ffffff;
}
.woocommerce .product .add_to_cart_button.button {
  background-color: #ff6000;
  color: #ffffff;
}

.woocommerce .product .add_to_cart_button.button:hover {
  background-color: #eb5800;
  color: #ffffff;
}

.single-product .product .single_add_to_cart_button.button:hover {
  background-color: #eb5800;
  color: #ffffff;
}

.woocommerce-message .button.wc-forward {
  background-color: #23c9ff;
  border-color: #23c9ff;
  color: #ffffff;
}

.woocommerce-message .button.wc-forward:hover {
  background-color: #2c90b1;
  border-color: #23c9ff;
  color: #ffffff;
}

.woocommerce .woocommerce-breadcrumb a {
  color: white !important;
}

.nice {
  background-color: #45458e;
  color: white !important;
}

.nice-button {
  background-color: #ff2464;
  color: white !important;
}

.nicenew {
  background-color: #fcfcfc;
  color: rgb(64, 75, 234) !important;
  line-height: 38px;
  font-size: 14px;
  overflow: hidden;
  font-family: Helvetica, serif;
}

.nicenew-button {
  background-color: #f68428;
  color: white !important;
  font-family: Helvetica, serif;
}

.badge-warning {
  background-color: #f3f2ee !important;
}

.image-container {
  display: flex; /* Flexbox kullanarak içerikleri yatay olarak sıralar */
  justify-content: center; /* Resimleri merkeze alır */
  align-items: center; /* Resimleri dikey olarak ortalar */
}
.image-container img {
  max-width: 50%; /* Her resim için maksimum genişliği %50 yapar */
  height: auto; /* Yüksekliği otomatik ayarlar */
}

.custom-nav {
  border-bottom: 1px solid #ccc;
  /* Diğer özel stiller ve özellikler buraya eklenebilir */
}
/* gallery */
.campaign-gallery {
  display: flex;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  justify-content: center; /* Resimleri yatay olarak ortala */
}

.campaign-item {
  flex: 0 0 auto;
  margin-right: 10px; /* İstediğiniz boşluk değerini ayarlayın */
  border-radius: 50%; /* Resmi yuvarlak yapar */
  overflow: hidden;
  width: 80px; /* İstediğiniz genişlik değerini ayarlayın */
  height: 80px; /* İstediğiniz yükseklik değerini ayarlayın */
}

.campaign-item:last-child {
  margin-right: 0;
}

.campaign-item img {
  max-width: 100%;
  height: auto;
  border-radius: 50%; /* Resmi yuvarlak yapar */
}

/* gallery son */

/* mega meu yeni  */

.megamenu-li {
  position: static;
}

.megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 15px;
}

.custom-container {
  max-width: 80%; /* İstediğiniz genişliği ayarlayabilirsiniz */
  margin: 0 auto; /* İçeriği yatayda ortalamak için margin kullanın */
  padding: 10px; /* İstediğiniz iç boşluğu ayarlayabilirsiniz */
}
