/*
 Theme Name:  Divi Child Theme SoftUni 2023
 Theme URI:    https://www.facebook.com/alex.alexi1
 Description:  Child Theme for Divi
 Author:       Alex Alexi
 Author URI:   https://www.facebook.com/alex.alexi1
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* Центриране на продуктови изображения в WooCommerce Shop */
.woocommerce ul.products li.product a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Центрирай САМО елементите в мобилния dropdown на този Menu Module */
@media (max-width:980px){
  #km-main-menu .et_mobile_menu{ text-align:center !important; }

  /* само самите линкове */
  #km-main-menu .et_mobile_menu > li > a{
    display:block;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* ако имаш подменюта – пази стрелката вдясно */
  #km-main-menu .et_mobile_menu .menu-item-has-children > a{
    padding-right:28px !important;
  }
  #km-main-menu .et_mobile_menu .menu-item-has-children > a:after{
    right:10px !important;
  }
}

/* скриваме дефолтното woo меню и оставяме само съдържанието вдясно */
.woocommerce-account .woocommerce-MyAccount-navigation{display:none!important;}
.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important;}

/* стил за нашата лява навигация */
.km-acc-nav .et_pb_blurb{margin-bottom:14px;}
.km-acc-nav .et_pb_blurb a{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;border:1px solid #0A1A2F;border-radius:10px;
  text-decoration:none;color:#0A1A2F;font-weight:700;
}
.km-acc-nav .et_pb_blurb a:hover,
.km-acc-nav .et_pb_blurb a.active{background:#0A1A2F;color:#fff;}
/* мобилно: 1 колона над 2 колони, ако искаш */
@media (max-width:980px){
  .km-acc-nav{margin-bottom:18px;}
}

/* Разстояние и стил на Thank You съобщението */
.woocommerce-order-received .woocommerce-thankyou-order-received{
  margin-top:16px;
  margin-bottom:28px;
  font-weight:700;
  letter-spacing:.2px;
}

/* Скрива маркираните елементи само на /poruchka/order-received/ */
.woocommerce-order-received .hide-on-thankyou{ display:none !important; }

/* CTA на Thank You */
.woocommerce-order-received .keepler-thankyou-cta{
  text-align:center;
  margin:24px 0 8px;
}
.woocommerce-order-received .keepler-btn-home{
  display:inline-block;
  padding:12px 22px;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  background:#0A1A2F; /* тъмносин – правилото ти за светъл фон */
  color:#fff;
}
.woocommerce-order-received .keepler-btn-home:hover{
  opacity:.9;
}

/* Унифициран стил за бутоните в лявата колона (ако още нямаш) */
.k-acc-link a{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border:1px solid #e6e6e6; border-radius:12px;
  text-decoration:none; font-weight:700; background:#fff; color:#0A1A2F;
}

/* Активен елемент */
.k-acc-link.is-active a{
  background:#0A1A2F; color:#fff; border-color:#0A1A2F;
}










/* Контейнер на снимката и badge-а */
.woocommerce ul.products li.product .keepler-product-image-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
}

.woocommerce ul.products li.product .keepler-product-image-wrap img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Tablet */
@media only screen and (max-width: 980px) {
    .woocommerce ul.products li.product
    .keepler-product-image-wrap
    .keepler-product-badge {
        top: 9px !important;
        left: 9px !important;
        padding: 6px 9px !important;
        font-size: 10px !important;
        letter-spacing: 0.4px !important;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .woocommerce ul.products li.product
    .keepler-product-image-wrap
    .keepler-product-badge {
        top: 7px !important;
        left: 7px !important;
        padding: 5px 7px !important;
        font-size: 8px !important;
        letter-spacing: 0.3px !important;
        border-radius: 3px !important;
    }
}