/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/*
Theme Name: WoodMart Child
Version: 1.0
Opis: Własne style dla sklepu XYZ
-------------------------------------------------------
SPIS TREŚCI:
1.  ZMIENNE (Variables)
2.  GLOBALNE (Global)
3.  NAGŁÓWEK (Header)
4.  SKLEP I PRODUKT (Shop & Single Product)
5.  KOSZYK I CHECKOUT (Cart & Checkout)
6.  STOPKA (Footer)
7.  MEDIA QUERIES (Mobile/Tablet)
-------------------------------------------------------
*/

/* ==========================================================================
   1. ZMIENNE
   ========================================================================== */
:root {
    /* Tu zdefiniuj swoje kolory jeśli są inne niż w motywie */
}

/* ==========================================================================
   2. GLOBALNE
   ========================================================================== */
/* Poprawki typografii lub ogólnych elementów */


/* ==========================================================================
   3. NAGŁÓWEK
   ========================================================================== */

/* --- Ikona dostawy w nagłówku --- */
.icon-free-shipping::before {
	content: "\f11e";            /* Kod ikony */
    font-family: "woodmart-font"; /* Czcionka motywu Woodmart */
    font-weight: 400;
    font-size: 16px;
    margin-right: 8px;           /* Odstęp między ikoną a tekstem */
    display: inline-block;       /* Pozwala na lepsze wyrównanie */
    vertical-align: middle;      /* Wyśrodkowanie ikony względem tekstu */
}

/* ==========================================================================
   4. SKLEP I PRODUKT
   ========================================================================== */

/* --- Magiczne gwiazdki w krótkim opisie (Short Description) --- */

/* 1. Resetujemy domyślny styl listy (usuwamy kropki i wcięcia) */
.woocommerce-product-details__short-description ul {
    list-style: none !important; /* !important dla pewności, że nadpisze motyw */
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 20px;
}

/* 2. Ustawienia dla pojedynczego punktu */
.woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 30px; /* Miejsce na ikonę - dostosuj wg potrzeb */
    margin-bottom: 10px; /* Odstęp między punktami */
    line-height: 1.5;
}

/* 3. Wstawienie Twojej ikony SVG */
.woocommerce-product-details__short-description ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px; /* Dostosuj pozycję góra/dół (np. 2px, 4px) */
    
    width: 20px;  /* Szerokość ikony */
    height: 20px; /* Wysokość ikony */
    
    background-image: url('https://mrgreengrass.pl/wp-content/uploads/magic-star.svg'); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* --- Cena --- */

.summary-inner .woocommerce-Price-amount bdi {
	font-size: 25px;
}

.summary-inner .woocommerce-Price-currencySymbol {
    font-weight: 100;
    font-size: 16px;
}

/* 1. Ustawienie Ceny i Gwarancji w jednej linii */
.product-image-summary .price,
.woocommerce-variation-price .price {
    display: inline-flex !important;
    align-items: center; /* Centrowanie pionowe ceny i napisu */
    flex-wrap: wrap;     /* Zawijanie na telefonach */
    gap: 30px;           /* Odstęp między ceną a gwarancją */
}

.wd-price-side-content {
    position: relative;
    top: 4px;
}

/* 2. Stylizacja LINKU (kontenera ikony i tekstu) */
.wd-price-side-content a {
	font-size: 16px;
	font-weight: 100;
    display: inline-flex;  /* To jest klucz do "inline" */
    align-items: center;   /* Idealnie centruje ikonę z tekstem */
    gap: 8px;              /* Odstęp między ikoną a tekstem */
    line-height: 1.2;      /* Standardowa wysokość linii */
    text-decoration: none; /* Podkreślenie linku */
	color: var(--color-gray-800);
}

/* 3. Stylizacja samej IKONY SVG */
.wd-warranty-icon {
    width: 22px;       /* Rozmiar ikony (dostosuj np. na 18px lub 24px) */
    height: auto;      /* Zachowanie proporcji */
    margin: 0 !important; /* Usunięcie domyślnych marginesów motywu */
    display: block;    /* Naprawia dziwne odstępy pod obrazkami */
    flex-shrink: 0;    /* Zapobiega zgniataniu ikony na małych ekranach */
}

/* --- RATUNEK: Ukryj w sekcji "Często kupowane razem" --- */
/* To zadziała nawet jeśli PHP przepuści produkt */
.wd-fbt-products .wd-price-side-content,
.related-products .wd-price-side-content,
.upsells .wd-price-side-content {
    display: none !important;
}

/* Styl dla aktywnego i najechanego (hover) wariantu tekstowego */
[class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text {
    text-decoration: none;	
}

[class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text.wd-active,
[class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text:hover,
[class*="wd-swatches"].wd-text-style-4 .wd-swatch-wrap.wd-active .wd-swatch.wd-text {
    border-color: #56ac32 !important;
    background-color: #56ac32 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   5. KOSZYK I CHECKOUT
   ========================================================================== */


/* ==========================================================================
   6. STOPKA
   ========================================================================== */


/* ==========================================================================
   7. MEDIA QUERIES
   ========================================================================== */
@media (max-width: 1024px) {
    /* Tablet i mniejsze */
}

@media (max-width: 768px) {
    /* Mobile */
}