/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/gallery/divi/
 Description:  Motyw potomny dla Divi
 Author:       Monika
 Author URI:   https://twoja-strona.pl
 Template:     Divi
 Version:      1.0.0
*/

/* Tekst "Wyświetlanie ... wyników" */
.woocommerce-result-count {
  font-family: 'Cormorant Garamond', serif !important;
  color: #666 !important;
  font-size: 18px !important; /* większy rozmiar */
  margin: 0;
  padding: 8px 0;
}

/* Kontener sortowania */
.woocommerce-ordering {
  position: relative;
  display: inline-block;
}

/* Styl selecta */
.woocommerce-ordering select {
  font-family: 'Cormorant Garamond', serif !important;
  color: #333 !important;
  font-size: 16px !important;
  border: 1px solid #333 !important;
  background-color: transparent !important;
  padding: 6px 36px 6px 12px;
  border-radius: 0px;
  
}

/* Hover efekt */
.woocommerce-ordering select:hover {
  background-color: rgba(124,124,124,0.13) !important;
  color: #333 !important;
}

.woocommerce-ordering:hover::after {
  color: #333;
}


/* Hover dla konkretnego przycisku – nadpisuje wszystkie inne style Divi */
body .white-hover-btn.et_pb_button:hover,
body .et_pb_bg_layout_light .white-hover-btn.et_pb_button:hover,
body .et_pb_bg_layout_dark .white-hover-btn.et_pb_button:hover {
  border-color: #fff !important;     /* obramowanie białe */
  color: #fff !important;            /* tekst biały */
  background-color: transparent !important; /* przezroczyste tło */
  transition: all 0.3s ease;         /* płynne przejście */
}

/* Domyślnie przycisk wyśrodkowany i gotowy do hover */
.custom-hover-btn {
    text-align: center;
}

/* Hover – tylko na desktop i tablet */
@media (min-width: 768px) {
    .custom-hover-btn .button {
        opacity: 1; /* widoczny domyślnie */
        transition: opacity 0.3s ease;
    }

    .custom-hover-btn:hover .button {
        opacity: 1; /* pojawia się po najechaniu */
    }
}

/* Ukrycie całkowite na telefonie */
@media (max-width: 767px) {
    .custom-hover-btn {
        display: none;
    }
}

/* Responsywny font dla tabletów */
@media (max-width: 980px) and (min-width: 768px) {
    .custom-hover-btn .button {
        font-size: 14px;
        padding: 8px 12px;
    }
}

/* Warianty produktów: etykieta + select pod sobą */
.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations td.value {
  display: block;
  width: 100%;
}

.woocommerce div.product form.cart .variations td.label {
  margin-bottom: 5px; /* odstęp między etykietą a selectem */
}

/* ============================
   SELECT: usunięcie domyślnej strzałki
   + własna strzałka (#333)
============================ */

/* Usunięcie domyślnej strzałki */
.woocommerce div.product form.cart .variations select {
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none;    /* Firefox */
  appearance: none;         /* standard */
  background: transparent;  /* bez tła */
  padding-right: 36px;      /* odstęp na strzałkę po prawej */
  border: 1px solid #333;   /* dopasowany do stylu */
  border-radius: 0;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px;
  color: #333;
}

.reset_variations {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Napraw proporcje obrazów w Fullwidth Portfolio Carousel */
.et_pb_fullwidth_portfolio .et_pb_portfolio_item img {
    height: auto !important;
    width: 100% !important;
    object-fit: cover;
}
/* Zmiana koloru tekstu ceny wariantu */
.woocommerce div.product .woocommerce-variation-price bdi,
.woocommerce div.product .woocommerce-variation-price .woocommerce-Price-currencySymbol {
    color: #333333 !important;
}

/* Ukrywa oryginalną ikonę koszyka Divi */
.et-cart-info span:empty {
    display: none !important;
}


/* Styl licznika koszyka w nagłówku Divi */
.et-cart-info .cart-count {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #333;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-left: 2px; /* delikatny odstęp od ikonki */
	margin-right: 6px;
}