/**
 * By Virgo Complete Homepage Styles
 * All 14 sections styled professionally
 */

/* ===================================
   GLOBAL STYLES
   =================================== */

:root {
    --byvirgo-gold: #C9A961;
    --byvirgo-black: #000000;
    --byvirgo-white: #FFFFFF;
    --byvirgo-gray: #333333;
    --byvirgo-light-gray: #F8F8F8;
    --byvirgo-brown: #4A1C1C;
}

/* Ukloni "Skip to content" link */
.skip-link.screen-reader-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
    color: var(--byvirgo-black);
}

/* Eliminiši margin SAMO za homepage (page-id-48) */
.page-id-48 .ast-plain-container #primary,
.page-id-48 .ast-plain-container.ast-no-sidebar #primary,
.page-id-48 #primary {
    margin-top: 0 !important;
}

@media (min-width: 1200px) {
    .page-id-48 .ast-plain-container #primary,
    .page-id-48 .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0 !important;
    }
}

/* No gap between header and hero */
.page-id-48 .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-48 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ===================================
   1. ANNOUNCEMENT BAR
   =================================== */

.byvirgo-announcement-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--byvirgo-black);
    color: var(--byvirgo-white);
    z-index: 9999;
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
	margin: 0 !important; 
}

.announcement-slider {
    position: relative;
    height: 20px;
}

.announcement-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
}

.announcement-text.active {
    opacity: 1;
    transform: translateY(0);
}

body {
    padding-top: 40px !important;
	margin: 0 !important; 
}

body.admin-bar {
    padding-top: 77px !important;
}

body.admin-bar .byvirgo-announcement-bar {
    top: 32px;
}

/* ===================================
   2. STICKY HEADER
   =================================== */

.site-header {
    position: sticky !important;
    top: 40px !important;
    z-index: 999 !important;
    background: white !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-top: -1px !important;
}

body.admin-bar .site-header {
    top: 72px !important;
}
/* ===================================
   3. HERO SLIDER - SMART RESPONSIVE
   =================================== */

.byvirgo-hero-slider {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 45%; /* Aspect ratio */
    overflow: hidden;
    margin: 0 !important;
}

.hero-slider-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; /* COVER za velike ekrane - stretch bez padding-a */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease;
}

/* Hero slide kao link */
.hero-slide {
    cursor: pointer !important;
    text-decoration: none !important;
    display: block !important;
}

.hero-slide:hover .hero-overlay {
    background: rgba(0,0,0,0.1) !important; /* Suptilan hover efekat */
}

/* Kada se ekran smanjuje - FIT bez sečenja */
@media (max-width: 1600px) {
    .hero-slide {
        background-size: contain; /* FIT celu sliku */
        background-color: white; /* Bela pozadina ako je potrebna */
    }
}

.hero-slide.active {
    opacity: 1;
    z-index: 1;
}

.hero-overlay {
    display: none !important;
}

.hero-content {
    display: none !important;
}

.hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.3); /* Suptilnije - providnije */
    border: 1px solid rgba(255,255,255,0.5); /* Tanki border */
    width: 35px; /* Manje */
    height: 35px; /* Manje */
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px; /* Manja strelica */
    font-weight: normal; /* Ne bold */
    color: rgba(255,255,255,0.8); /* Bela, malo providna */
}

.hero-arrow:hover {
    background: rgba(255,255,255,0.8); /* Malo providnije na hover */
    border-color: rgba(255,255,255,0.9);
    color: #333; /* Tamna strelica na hover */
    transform: translateY(-50%) scale(1.1);
}

.hero-arrow svg {
    display: none;
}

.hero-arrow-prev::before {
    content: "‹";
    display: block;
    line-height: 1;
}

.hero-arrow-next::before {
    content: "›";
    display: block;
    line-height: 1;
}

.hero-arrow-prev {
    left: 30px;
}

.hero-arrow-next {
    right: 30px;
}

.hero-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.hero-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid white;
}

.hero-dot.active {
    background: var(--byvirgo-gold) !important;
    border-color: var(--byvirgo-gold);
    transform: scale(1.3);
}

/* ===================================
   4. PROMO BANNER
   =================================== */

.byvirgo-promo-banner {
    padding: 60px 0;
    text-align: center;
    background: var(--byvirgo-light-gray);
}

.promo-title {
    font-size: 32px;
    margin-bottom: 15px;
    color: var(--byvirgo-black);
}

.promo-subtitle {
    font-size: 16px;
    color: var(--byvirgo-gray);
}

/* ===================================
   5. BENEFITS ICONS
   =================================== */

.byvirgo-benefits {
    padding: 60px 0;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.benefit-item {
    text-align: center;
}

.benefit-icon {
    margin-bottom: 20px;
    color: var(--byvirgo-gold);
}

.benefit-icon svg {
    width: 50px;
    height: 50px;
}

.benefit-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.benefit-text {
    font-size: 14px;
    color: var(--byvirgo-gray);
}

/* ===================================
   6. CATEGORY BOXES
   =================================== */

.byvirgo-category-boxes {
    padding: 60px 0;
}

.byvirgo-category-boxes .container {
    max-width: 100% !important;
    padding: 0 !important;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.category-box {
    position: relative;
    height: 0;
    padding-bottom: 133%;
    overflow: hidden;
    text-decoration: none;
    display: block;
}

.category-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.category-box:hover .category-image {
    transform: scale(1.1);
}

.category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
    transition: background 0.3s ease;
}

.category-box:hover .category-overlay {
    background: rgba(0,0,0,0.3);
}

.category-content {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    z-index: 2;
    width: 90%;
}

.category-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 3px;
    color: white !important;
    text-shadow: 
        2px 2px 4px rgba(0,0,0,0.8),
        0 0 20px rgba(0,0,0,0.6),
        0 0 40px rgba(0,0,0,0.4);
}

.category-button {
    display: inline-block;
    padding: 14px 35px;
    background: white;
    color: var(--byvirgo-black);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.category-box:hover .category-button {
    background: var(--byvirgo-gold);
    color: white;
}

/* Mobile responsive */
@media (max-width: 1024px) {
    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .category-title {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .category-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .category-box {
        padding-bottom: 100%;
    }
    
    .category-title {
        font-size: 28px;
    }
    
    .category-button {
        padding: 12px 30px;
    }
}

/* ===================================
   7 & 8. PRODUCT SECTIONS
   =================================== */

.byvirgo-best-sellers,
.byvirgo-new-arrivals {
    padding: 60px 0;
    background: transparent !important;
}

/* ===================================
   9. DISCOUNT BANNER
   =================================== */

.byvirgo-discount-banner {
    padding: 80px 0;
}

.discount-banner-wrapper {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.discount-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.discount-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    max-width: 800px;
    padding: 0 20px;
}

.discount-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    color: white;
}

.discount-text {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
}

.discount-button {
    display: inline-block;
    padding: 15px 40px;
    background: white;
    color: var(--byvirgo-black);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.discount-button:hover {
    background: var(--byvirgo-gold);
    color: white !important;
    text-decoration: none !important; /* ← DODAJ */
}

/* ===================================
   10. ABOUT DESIGNER
   =================================== */

.byvirgo-about-designer {
    padding: 80px 0;
}

.byvirgo-about-designer .container {
    max-width: 1400px !important;
    padding: 0 40px !important;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: center;
}

.about-title {
    font-size: 36px;
    margin-bottom: 25px;
}

.about-text {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: var(--byvirgo-gray);
}

.about-button {
    display: inline-block;
    padding: 12px 30px;
    background: var(--byvirgo-black);
    color: white !important;
    text-decoration: none !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Fix za discount button - БЕЗ podvlake */
a.discount-button,
.discount-button {
    text-decoration: none !important;
    border-bottom: none !important;
}

.about-button:hover {
    background: var(--byvirgo-gold) !important;
    color: white !important; 
    text-decoration: none !important;
}

.about-image {
    width: 100%;
}

.about-image img {
    width: 100%;
    height: auto;
    display: block;
    min-height: 500px;
    object-fit: cover;
}

/* ===================================
   11. TESTIMONIALS SLIDER
   =================================== */

.byvirgo-testimonials {
    padding: 80px 0;
    background: var(--byvirgo-brown);
    color: white;
}

/* Full width testimonials */
.page-id-48 .byvirgo-testimonials {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Container full width */
.byvirgo-testimonials .container {
    max-width: 100% !important;
    padding: 0 !important;
}

.testimonials-wrapper {
    position: relative;
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 0 100px;
}

.testimonials-slider {
    position: relative;
    min-height: 200px;
}

.testimonial-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    text-align: center;
    padding: 0 60px;
}

.testimonial-slide.active {
    opacity: 1;
    position: relative;
}

.testimonial-stars {
    font-size: 24px;
    color: var(--byvirgo-gold);
    margin-bottom: 20px;
}

.testimonial-text {
    font-size: 20px;
    font-style: italic;
    margin-bottom: 20px;
    line-height: 1.6;
}

.testimonial-author {
    font-size: 14px;
    opacity: 0.8;
}

/* Strelice kao na hero slider */
.testimonial-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,0.3) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    color: rgba(255,255,255,0.8) !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-weight: normal !important;
}

.testimonial-arrow:hover {
    background: rgba(255,255,255,0.8) !important;
    border-color: rgba(255,255,255,0.9) !important;
    color: var(--byvirgo-brown) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.testimonial-prev {
    left: 30px !important;
}

.testimonial-next {
    right: 30px !important;
}
/* ===================================
   12. BLOG SECTION
   =================================== */

.byvirgo-blog-posts {
    padding: 80px 0;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.blog-item {
    background: white;
    border: 1px solid #eee;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.blog-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.blog-content {
    padding: 20px;
}

.blog-title a {
    font-size: 18px;
    font-weight: 600;
    color: var(--byvirgo-black);
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.blog-title a:hover {
    color: var(--byvirgo-gold);
}

.blog-excerpt {
    font-size: 14px;
    color: var(--byvirgo-gray);
    margin-bottom: 15px;
    line-height: 1.6;
}

.blog-read-more {
    font-size: 14px;
    color: var(--byvirgo-gold);
    text-decoration: none;
    font-weight: 600;
}

.blog-read-more:hover {
    text-decoration: underline;
}

/* ===================================
   13. NEWSLETTER
   =================================== */

.byvirgo-newsletter {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    position: relative;
}

.newsletter-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.newsletter-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    max-width: 600px;
    margin: 0 auto;
}

.newsletter-title {
    font-size: 42px;
    margin-bottom: 15px;
}

.newsletter-text {
    font-size: 18px;
    margin-bottom: 30px;
}

.newsletter-form {
    display: flex;
    gap: 10px;
    max-width: 500px;
    margin: 0 auto;
}

.newsletter-form input[type="email"] {
    flex: 1;
    padding: 15px 20px;
    border: none;
    font-size: 14px;
}

.newsletter-button {
    padding: 15px 30px;
    background: var(--byvirgo-gold);
    color: white;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.newsletter-button:hover {
    background: var(--byvirgo-black);
}

/* ===================================
   14. FOOTER
   =================================== */

.byvirgo-footer {
    background: var(--byvirgo-light-gray);
    padding: 60px 0 0 0;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.footer-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 10px;
}

.footer-menu a {
    color: var(--byvirgo-gray);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer-menu a:hover {
    color: var(--byvirgo-gold);
}

.footer-text {
    font-size: 14px;
    color: var(--byvirgo-gray);
    margin-bottom: 10px;
}

.footer-phone,
.footer-email {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.footer-social {
    display: flex;
    gap: 15px;
}

.footer-social a {
    color: var(--byvirgo-black);
    transition: color 0.3s ease;
}

.footer-social a:hover {
    color: var(--byvirgo-gold);
}

.footer-bottom {
    background: var(--byvirgo-black);
    padding: 20px 0;
    text-align: center;
}

.footer-copyright {
    color: white;
    font-size: 14px;
    margin: 0;
}

/* ===================================
   FULL WIDTH SECTIONS ON HOMEPAGE
   =================================== */

.page-id-48 .byvirgo-hero-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.page-id-48 .byvirgo-promo-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.page-id-48 .byvirgo-category-boxes {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.page-id-48 .byvirgo-discount-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.page-id-48 .byvirgo-newsletter {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* ===================================
   RESPONSIVE STYLES
   =================================== */

@media (max-width: 1024px) {
    .hero-title {
        font-size: 48px;
    }
    
    .category-grid,
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .about-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    body {
        padding-top: 40px !important;
    }
    
    .byvirgo-hero-slider {
        height: 520px !important;
    }
    
    .hero-title {
        font-size: 36px;
    }
    
    .hero-subtitle {
        font-size: 18px;
    }
    
    .hero-arrow {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    
    .hero-arrow-prev {
        left: 15px;
    }
    
    .hero-arrow-next {
        right: 15px;
    }
    
    .category-grid,
    .benefits-grid,
    .blog-grid {
        grid-template-columns: 1fr;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .discount-title {
        font-size: 32px;
    }
    
    .discount-text {
        font-size: 16px;
    }
    
    .newsletter-form {
        flex-direction: column;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .testimonial-slide {
        padding: 0 40px;
    }
    
    .testimonial-text {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .announcement-text {
        font-size: 10px;
    }
    
    .hero-title {
        font-size: 28px;
    }
    
    .promo-title {
        font-size: 24px;
    }
    
    .benefit-title {
        font-size: 16px;
    }
    
    .category-title {
        font-size: 24px;
    }
}

/* ===================================
   PRODUCT CARDS - UNIFORM DESIGN
   =================================== */

/* Fiksna visina za product kartice */
.woocommerce ul.products li.product,
.products .product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-align: center !important;
    background: transparent !important; /* ← DODAJ */
}

/* Spreči hover efekat na parent element */
.woocommerce ul.products li.product:hover {
    background: transparent !important; /* ← DODAJ */
}

/* Slika uvek ista visina */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.products .product img {
    height: 300px !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* Naziv proizvoda - fiksna visina */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products .product h2,
.products .product h3 {
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

/* Kategorija */
.woocommerce ul.products li.product .woocommerce-loop-product__category,
.products .product .category {
    font-size: 12px !important;
    color: #999 !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

/* Cena - centrirana */
.woocommerce ul.products li.product .price,
.products .product .price {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

/* Rating - centriran */
.woocommerce .star-rating {
    margin: 10px auto !important;
}

/* Add to Cart dugme - crno, zlatno na hover, oštre ivice */
.woocommerce ul.products li.product .button,
.products .product .button {
    margin-top: auto !important;
    width: 100% !important;
    padding: 12px 20px !important;
    background: var(--byvirgo-black) !important;
    color: white !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.products .product .button:hover {
    background: var(--byvirgo-gold) !important;
    color: white !important;
}

/* ===================================
   SECTION HEADINGS - STYLING
   =================================== */

/* Heading stilizacija */
.byvirgo-best-sellers .section-title,
.byvirgo-new-arrivals .section-title {
    font-family: 'Playfair Display', serif !important; /* Kao turski sajt */
    font-size: 36px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 60px !important; /* Povećan razmak do proizvoda */
    color: var(--byvirgo-black) !important;
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
}

/* Podvlaka ispod heading-a */
.byvirgo-best-sellers .section-title::after,
.byvirgo-new-arrivals .section-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80px !important;
    height: 3px !important; /* Pojačana podvlaka */
    background: var(--byvirgo-gold) !important;
}

/* Hoverable Section Title - БЕЗ podvlake */
.section-title-link {
    text-decoration: none !important;
    color: var(--byvirgo-black) !important;
    transition: color 0.3s ease !important;
    display: inline-block !important;
}

.section-title-link:hover {
    color: var(--byvirgo-gold) !important;
    text-decoration: none !important;
}

/* Smanji padding između sekcija */
.byvirgo-best-sellers {
    padding: 60px 0 40px 0 !important; /* Smanjen bottom padding */
}

.byvirgo-new-arrivals {
    padding: 40px 0 60px 0 !important; /* Smanjen top padding */
}

/* ===================================
   REMOVE ASTRA COPYRIGHT
   =================================== */

/* Sakrij SAMO Astra copyrightWrapper */
.site-below-footer-wrap {
    display: none !important;
}

/* Omogući da se vidi tvoj custom footer */
.byvirgo-footer {
    display: block !important;
    visibility: visible !important;
}

/* WooCommerce Pagination - Minimal Fix */

/* Centriraj pagination */
.woocommerce-pagination {
    text-align: center !important;
    margin: 30px 0 !important;
}

.woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Aktivna stranica (trenutna) - BEO BROJ */
.woocommerce-pagination .page-numbers li span.current,
.woocommerce-pagination .page-numbers .current {
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    padding: 8px 15px !important;
    display: inline-block !important;
}

/* Hover - BEO BROJ */
.woocommerce-pagination .page-numbers li a:hover {
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
}

/* Normalno stanje */
.woocommerce-pagination .page-numbers li a {
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

/* ===================================
   TRANSLATE "ADD TO CART" TO SERBIAN
   =================================== */
/* Sakrij originalni tekst */
.woocommerce ul.products li.product .button,
.products .product .button,
.single-product .single_add_to_cart_button {
    font-size: 0 !important;
}
/* Dodaj srpski tekst - IDENTIČAN stil */
.woocommerce ul.products li.product .button::before,
.products .product .button::before,
.single-product .single_add_to_cart_button::before {
    content: "DODAJ U KORPU" !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 14.592px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    line-height: 14.592px !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}
/* Sakrij ikonicu ako postoji */
.woocommerce ul.products li.product .button svg,
.products .product .button svg,
.single-product .single_add_to_cart_button svg {
    display: none !important;
}

/* ===================================
   TRANSLATE "Use same address for billing" - SAMO OVAJ CHECKBOX
   =================================== */

/* Targetiraj SAMO ovaj specifični checkbox */
.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__label {
    font-size: 0 !important;
}

.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__label::after {
    content: "Koristi istu adresu za naplatu" !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 12.768px !important;
    font-weight: 500 !important;
    line-height: 19.152px !important;
    color: rgb(17, 24, 39) !important;
    display: block !important;
}

/* ===================================
   TRANSLATE "Add a note to your order" - CHECKOUT CHECKBOX
   =================================== */

/* Targetiraj SAMO ovaj specifični checkbox */
.wc-block-checkout__add-note .wc-block-components-checkbox__label {
    font-size: 0 !important;
}

.wc-block-checkout__add-note .wc-block-components-checkbox__label::after {
    content: "Dodajte napomenu uz porudžbinu" !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 12.768px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: rgb(17, 24, 39) !important;
    display: block !important;
}

/* ===================================
   TRANSLATE "Remove item" - CART
   =================================== */

/* Sakrij originalni tekst */
.wc-block-cart-item__remove-link {
    font-size: 0 !important;
}

/* Dodaj srpski tekst - IDENTIČAN stil */
.wc-block-cart-item__remove-link::after {
    content: "Ukloni proizvod" !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 10.944px !important;
    font-weight: 400 !important;
    line-height: 18.0576px !important;
    color: rgb(51, 51, 51) !important;
    text-decoration: underline !important;
    text-align: center !important;
    display: inline-block !important;
    cursor: pointer !important;
}

/* ===================================
   TRANSLATE "Product" - CART TABLE HEADER
   =================================== */

/* Sakrij originalni tekst */
.wc-block-cart-items__header-image span {
    font-size: 0 !important;
}

/* Dodaj srpski tekst - IDENTIČAN stil */
.wc-block-cart-items__header-image span::after {
    content: "Proizvod" !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 10.944px !important;
    font-weight: 700 !important;
    line-height: 18.0576px !important;
    color: rgb(51, 51, 51) !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: inline !important;
}