/*
Theme Name: Astra Child
Theme URI: xxx
Template: astra
Author: xxxxxx
Description: xxx
Version: xxx
Updated: xxx

*/










/* 
* Lucas code: kod na to aby było tło na ciemno w hompage. kliknij na zdjęcia z literami i wybierz advanced i dodtakowe klasy css z prawego menu chyba wtyczki spectra. druga część kodu jest functions php. w dodatkowe klasy css
w edycji musiałem dodać "info-bg" taką klasę.
*/

/*  Styl Info Box – ciemne tło pod tekstem */
/*
.info-bg .uagb-ifb-content {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
}

.info-bg .uagb-ifb-title,
.info-bg .uagb-ifb-desc {
  color: #fff;
}

*/

/* Tło tylko pod literami w Info Box */
.info-bg .uagb-ifb-title,
.info-bg .uagb-ifb-desc {
  background-color: rgba(0, 0, 0, 0.6); /* półprzezroczyste czarne tło */
  color: #fff;
  display: inline-block; /* dopasowanie tła do długości tekstu */
  padding: 4px 8px; /* delikatny odstęp wokół liter */
  border-radius: 6px; /* zaokrąglenie rogów */
}




/* 
* Lucas code: kod na kolowanie przycisków na zielono "dodaj do koszyka" gdy produkt już jest już dodany do koszyka
*/
/* Zielony przycisk jeśli produkt w koszyku */
.add_to_cart_button.alhit-in-cart,
.single_add_to_cart_button.alhit-in-cart,
.custom-add-to-cart-button.alhit-in-cart {
    background-color: #90ee90 !important;
    color: #000000 !important;
    border: 1px solid #4CAF50 !important;
}


/* 
* Lucas code: check box w zamówieniu znika. W functions php jest kod ktory sprawia że zawsze jest anaczony "wysłać na inny adres", bo dane do FV mogą być inne niż adres wysyłki. więc na wszelki robięto domyślnie włączone
*/
/*
#ship-to-different-address-checkbox {
    display: none !important;
}
*/



/* 
* Lucas code: kod style do przyciskow "ceny dla zalogowanych"
*/

/* Przyciski w kartach produktu – nigdy nie wychodza poza ramke */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.added_to_cart {
  display: block;
  width: 100%;
  box-sizing: border-box;     /* szerokosc wraz z paddingiem */
  max-width: 100%;
  white-space: normal;        /* pozwol na zawijanie */
  overflow-wrap: anywhere;    /* awaryjne zawijanie dlugich slow */
  text-align: center;
  border-radius: 999px;       /* ladna „tabletka” jak u Ciebie */
  margin-bottom: 10px;
}
Dla jeszcze lepszego dopasowania na telefonie (mniejsza czcionka i padding):

css
Skopiuj kod
@media (max-width: 480px) {
  .woocommerce ul.products li.product a.button,
  .woocommerce ul.products li.product .button {
    font-size: 14px;
    padding: 12px 14px;
  }
}




/* 
* Lucas code:
*/



/* 
* Lucas code:
*/



/* 
* Lucas code:
*/



/* 
* Lucas code:
*/



/* 
* Lucas code:
*/