/*
Theme Name: Moj Motyw Fantasy
Theme URI: https://twojastrona.pl
Author: Twoje Imię
Description: Lekki motyw fantasy z tłem Nazca i lewym menu
Version: 2.0
Text Domain: mojmotywfantasy
*/

/* ---------------------------
   GLOBAL
---------------------------- */
body {
    margin: 0;
    font-family: 'Merriweather', serif;
    background-image: url('nazca.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    color: #2F2317;
}

p, li, a, input, textarea, button {
    font-family: 'Merriweather', serif;
    color: #2F2317;
}

img {
    max-width: 100%;
    height: auto;
}

/* ---------------------------
   HEADER
---------------------------- */
header {
    text-align: center;
    padding: 80px 20px 20px;
    position: relative;
}

header h1 {
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #2F2317;
    font-family: 'Montserrat', sans-serif;
  font-weight: 900;
    margin: 0;
}

header .author {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 2rem;
    font-weight: bold;
    color: #2F2317;
}

/* ---------------------------
   SIDEBAR (DESKTOP)
---------------------------- */
#sidebar {
    width: 220px;
    position: fixed;
    top: 140px;
    left: 40px;
}

#sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#sidebar li {
    margin-bottom: 12px;
}

#sidebar a {
    display: inline-block;
    text-decoration: none;
    color: #2F2317;
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(140,107,50,0.2);
    transition: 0.3s ease;
}

#sidebar a:hover {
    background: rgba(166,131,66,0.4);
    color: #2F2317;
}

/* ---------------------------
   MAIN CONTENT
---------------------------- */
main {
    padding: 40px;
}

/* ---------------------------
   FORMULARZE
---------------------------- */
form {

    margin: 20px 0;
    padding: 15px;
    background: transparent;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
textarea {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    border-radius: 8px;
    border: 1px solid #b09060;
    background: transparent;
}

form input[type="submit"] {
    width: 100%;
    padding: 12px;
    background: rgba(140,107,50,0.3);
    color: #2F2317;
    border: 1px solid rgba(140,107,50,0.7);
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease;
}

form input[type="submit"]:hover {
    background: rgba(166,131,66,0.4);
    box-shadow: 0 4px 15px rgba(140,107,50,0.4);
}

/* ---------------------------
   NEWS / BLOG
---------------------------- */
.custom-news-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 900px;
    margin: 0 auto;
}

.custom-news-item {
    padding: 25px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.custom-news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.custom-news-title a {
    color: #1a1a1a;
    font-size: 1.8rem;
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.custom-news-title a:hover {
    color: #8c6b32;
    text-shadow: 0 0 4px rgba(140,107,50,0.3);
}

/* Komentarze */
.custom-news-comments {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.toggle-comments {
    padding: 6px 12px;
    background: rgba(140,107,50,0.2);
    border-radius: 6px;
    border: 1px solid rgba(140,107,50,0.7);
    cursor: pointer;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.toggle-comments:hover {
    background: rgba(166,131,66,0.4);
    box-shadow: 0 4px 15px rgba(140,107,50,0.4);
}

/* ---------------------------
   WOOCOMMERCE - PRODUKTY
---------------------------- */
ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0;
    margin: 40px auto;
    justify-content: flex-start;
    list-style: none;
}

ul.products li.product {
    background: transparent;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

ul.products li.product img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 1.3rem;
    color: #2F2317;
    margin: 10px 0 5px;
    text-transform: uppercase;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

ul.products li.product h2.woocommerce-loop-product__title:hover {
    color: #8c6b32;
    text-shadow: 0 0 4px rgba(140,107,50,0.3);
}

ul.products li.product .price {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

ul.products li.product a.button {
    display: block;
    width: 100%;
    padding: 10px;
    background: rgba(140,107,50,0.25);
    color: #2F2317;
    border: 1px solid rgba(140,107,50,0.7);
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease;
}

ul.products li.product a.button:hover {
    background: rgba(166,131,66,0.5);
    border-color: rgba(166,131,66,1);
    box-shadow: 0 4px 15px rgba(140,107,50,0.4);
}

/* ---------------------------
   WOOCOMMERCE ACCOUNT
---------------------------- */
.woocommerce, 
.woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content a {
    font-family: 'Merriweather', serif;
    color: #000;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-content a:hover {
    color: #8c6b32;
    text-decoration: underline;
    text-shadow: 0 0 4px rgba(140,107,50,0.3);
}

/* ---------------------------
   FOOTER
---------------------------- */
footer {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

/* ---------------------------
   RESPONSYWNOŚĆ
---------------------------- */

/* TABLETY — 1024px ↓ */
@media (max-width: 1024px) {

    #sidebar {
        width: 180px;
        left: 20px;
        top: 140px;
    }

    main {
        padding: 30px;
    }

    #sidebar ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    ul.products li.product {
        width: calc(50% - 20px);
    }

    header h1 {
        font-size: 1.8rem;
    }

    header .author {
        font-size: 1.3rem;
        right: 20px;
    }

    #custom_loginform,
    #custom_registration_form {
        max-width: 350px;
        padding: 20px;
        margin: 0 auto;
    }
}

/* TELEFONY — 768px ↓ */
@media (max-width: 768px) {

    #sidebar {
        position: static;
        width: 100%;
        padding: 10px 0;
        margin-bottom: 20px;
        text-align: center;
    }

    #sidebar ul {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    #sidebar li {
        margin-bottom: 0;
        border-bottom: none;
    }

    #sidebar a {
        font-size: 1.3rem;
    }

    main {
        margin-left: 0;
        padding: 20px;
    }

    header h1 {
        font-size: 1.4rem;
        line-height: 1.2;
    }

    header .author {
        position: static;
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }

    #custom_loginform,
    #custom_registration_form {
        max-width: 90%;
        padding: 20px 15px;
    }

    ul.products {
        gap: 20px;
    }

    ul.products li.product {
        width: 100%;
        padding: 20px;
    }

    ul.products li.product h2.woocommerce-loop-product__title {
        font-size: 1.6rem;
    }

    ul.products li.product .price {
        font-size: 1.4rem;
    }

    ul.products li.product a.button {
        font-size: 1.2rem;
        padding: 12px;
    }
}

/* MAŁE TELEFONY — 480px ↓ */
@media (max-width: 480px) {

    header h1 {
        font-size: 1.1rem;
    }

    #sidebar ul {
        flex-direction: column;
        gap: 10px;
    }

    #sidebar a {
        font-size: 1rem;
    }

    ul.products li.product h2.woocommerce-loop-product__title {
        font-size: 1.4rem;
    }

    ul.products li.product .price {
        font-size: 1.2rem;
    }

    ul.products li.product a.button {
        font-size: 1rem;
        padding: 10px;
    }
}

/* =========================
   CZARNY PASEK MENU GÓRNEGO
========================= */

.main-menu {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #000;
    text-align: center;
    border-bottom: 2px solid #8c6b32; /* złoty fantasy akcent */
    box-shadow: 0 4px 20px rgba(0,0,0,0.6);
}

/* Lista menu */
.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Elementy menu */
.main-menu li {
    display: inline-block;
    margin: 0 12px;
}

/* Linki */
.main-menu a {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 14px;
    color: #e8d9b0; /* pergaminowy złoty */
    transition: 0.3s ease;
}


/* Aktywna strona */
.main-menu .current-menu-item > a {
    color: yellow;

}

.site-footer {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #000;
    text-align: center;
    border-bottom: 2px solid #8c6b32; /* złoty fantasy akcent */
    box-shadow: 0 4px 20px rgba(0,0,0,0.6);
     position: fixed;
    bottom: 0;
}

/* Lista menu */
.site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Elementy menu */
.site-footer li {
    display: inline-block;
    margin: 0 12px;
}

/* Linki */
.site-footer a , .site-footer p{
    text-decoration: none;
    font-weight: bold;
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 14px;
    color: #e8d9b0; /* pergaminowy złoty */
    transition: 0.3s ease;
}


/* Aktywna strona */
.site-footer .current-menu-item > a {
    color: yellow;

}

/* Sidebar My Account */
.woocommerce-MyAccount-navigation {
    max-width: 260px;
    border-radius: 14px;
    padding: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

/* Lista */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Element */
.woocommerce-MyAccount-navigation li {
    margin-bottom: 6px;
}

/* Link */
.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.25s ease;
}

/* Ikonki FAS */
.woocommerce-MyAccount-navigation li a i {
    font-size: 16px;
    min-width: 20px;
    color: #777;
}

/* Hover */
.woocommerce-MyAccount-navigation li a:hover {
    background: #f4f6f8;
    color: #000;
}

/* Aktywna zakładka */
.woocommerce-MyAccount-navigation li.is-active a {
    background: #111;
    color: #fff;
}

.woocommerce-MyAccount-navigation li.is-active a i {
    color: #fff;
}
.woocommerce-info{
    background: transparent;
    border-top:0px;
}

/* Wyloguj się w menu */
.menu-item-logout a {
    color:white;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.25s ease;
}

/* Wyłączanie efektu podnoszenia produktów */
/* SIATKA PRODUKTÓW */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 0;
    margin: 0 auto;
}

/* KARTA PRODUKTU */
.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    
    /* przezroczyste tło */
    background: transparent !important;

    /* estetyczne odstępy */
    padding: 15px;

    /* usunięcie cieni i ramek */
    box-shadow: none !important;
    border: none !important;
}

/* WYRÓWNANIE OBRAZKÓW */
.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    display: block;
}

/* PIERWSZE 3 KOLUMNY */
.woocommerce.columns-3 ul.products {
    grid-template-columns: repeat(3, 1fr);
}

/* TABLET */
@media (max-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* TELEFON */
@media (max-width: 576px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;

    padding: 0 !important;
    margin: 0 !important;

    /* KLUCZOWE FIXY */
    align-content: start;
    align-items: start;
    grid-auto-flow: row;
}

/* usuwa "puste" lub techniczne elementy */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

/* produkty */
.woocommerce ul.products li.product {
    margin: 0 !important;
    padding: 15px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    display: flex;
    flex-direction: column;
}

/* jeśli pojawi się pusty LI (rzadkie, ale się zdarza) */
.woocommerce ul.products li:empty {
    display: none !important;
}

/* obrazy */
.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    display: block;
}

/* responsywność */
@media (max-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* Hover – zmiana tła */
.woocommerce ul.products li.product:hover {
    background-color: #f4f6f8; /* nowy kolor tła przy hover */
    color: #111; /* zmiana koloru tekstu */
}

/* Hover – zmiana koloru linków / przycisków */
.woocommerce ul.products li.product:hover a.button {
    background-color: #111; /* przycisk Dodaj do koszyka */
    color: #fff;
}

/* Cały li wygląda jak przycisk */
.woocommerce ul.products li.product {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    transition: background-color 0.25s ease, color 0.25s ease;
    cursor: pointer;
}

/* Hover li – zmiana koloru tła */
.woocommerce ul.products li.product:hover {
    background-color: #f4f6f8;
    color: #111;
    transform: none; /* wyłącza unoszenie */
}

/* Przycisk login-to-buy dopasowany do li */
.login-to-buy {
display:none!important;
}
.paypal-button,
#ppc-button,
.woocommerce-paypal-payments-button,
.paypal-button-label-container{
  display: none !important;
}

.paypal-button-label-container {
  display: none !important;
}
id="equal_images"
.woocommerce ul.products li.product a img {
    width: 50%;
    height: 100px; /* możesz zmienić */
    object-fit: contain; /* albo cover */
}
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product .button {
    margin-top: auto;
}
.blog .content-area {
    max-width: 1200px;
    margin: 0 auto;
}

.related.products {
    clear: both;
}

.product_meta .posted_in {
    display: none;
}


.custom-description h2 {
    display: none;
}

.related.products,
.up-sells,
.cross-sells {
    clear: both;
    width: 100%;
    display: block;
    margin-top: 40px;
}
@media only screen and (max-width: 768px) {
    .woocommerce div.product div.images {
        width: 48% !important;
        float: left !important;
    }

    .woocommerce div.product div.summary {
        width: 52% !important;
        float: right !important;
    }
}


/* =========================
   BLOG / WP POSTS - GRID
========================= */

.blog .site-main,
.archive .site-main,
.home .site-main {
    max-width: 1200px;
    margin: 0 auto;
}

/* lista wpisów */
.blog .posts,
.archive .posts,
.blog .post-list,
.archive .post-list,
.blog .site-main,
.archive .site-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 40px 20px;
}

/* pojedynczy wpis */
.blog article,
.archive article,
.post {
    background: rgba(255,255,255,0.0); /* fantasy transparent */
    border-radius: 14px;
    overflow: hidden;
    transition: 0.3s ease;
    display: flex;
    flex-direction: column;
}
.custom-news-content {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
    display: block !important;
}

/* hover */
.blog article:hover,
.archive article:hover,
.post:hover {
    transform: translateY(-6px);
}

/* obrazek wpisu */
.blog article img,
.archive article img,
.post img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

/* tytuł */
.blog article h2,
.archive article h2,
.post h2 {
    font-size: 1.6rem;
    margin: 15px 0 10px;
    text-transform: uppercase;
    color: #2F2317;
}

/* link tytułu */
.blog article h2 a,
.archive article h2 a,
.post h2 a {
    text-decoration: none;
    color: #2F2317;
    transition: 0.3s ease;
}

.blog article h2 a:hover,
.archive article h2 a:hover,
.post h2 a:hover {
    color: #8c6b32;
    text-shadow: 0 0 6px rgba(140,107,50,0.4);
}

/* excerpt */
.blog article p,
.archive article p,
.post p {
    color: #3b2d1f;
    line-height: 1.6;
    padding: 0 5px;
}

/* READ MORE */
.blog .read-more,
.archive .read-more,
.post .read-more {
    margin-top: auto;
    padding: 10px 14px;
    display: inline-block;
    background: rgba(140,107,50,0.2);
    border: 1px solid rgba(140,107,50,0.6);
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #2F2317;
    transition: 0.3s ease;
}

.blog .read-more:hover,
.archive .read-more:hover {
    background: rgba(166,131,66,0.4);
}

/* RESPONSYWNOŚĆ */
@media (max-width: 992px) {
    .blog .site-main,
    .archive .site-main {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .blog .site-main,
    .archive .site-main {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .blog article img,
    .archive article img {
        height: 200px;
    }
}

/* ukryta część */
.more {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    display: inline;
    transition: all 0.4s ease;
}

/* trzy kropki widoczne */
.dots {
    display: inline;
    font-weight: bold;
}

/* HOVER na cały wpis */
.post:hover .more,
.custom-news-item:hover .more {
    opacity: 1;
    max-height: 500px;
}

/* po hover chowamy [...] */
.post:hover .dots,
.custom-news-item:hover .dots {
    display: none;
}

.post .entry-content {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
}
/* Ukrycie informacji/opcji konta gościa */
.wc-block-checkout__create-account,
.wc-block-components-checkbox:has(input[type="checkbox"][name*="create-account"]) {
    display: none !important;
}
.wc-block-components-radio-control-accordion-option--checked-option-highlighted span {
    font-weight: 700 !important;
	 font-size: 1.1em !important;
}
.wc-block-components-payment-method-icon {
    display: none !important;
}