/* ==========================================================
   SDMatica Logo – Styles (all pages)
   ========================================================== */

.sdm-logo-link {
    display: flex !important;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}

.sdm-logo-text {
    font-size: 24px;
    font-weight: 800;
    color: #1d2327;
    letter-spacing: 1px;
    white-space: nowrap;
    line-height: 1;
}

.sdm-logo-link:hover .sdm-logo-text {
    color: #2271b1;
}

/* Responsive */
@media (max-width: 767px) {
    .sdm-logo-text {
        font-size: 18px;
    }
}

/* ==========================================================
   Dostupno bedž – search rezultati
   ========================================================== */
.sdm-stock-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 6px;
    line-height: 1;
}
.sdm-stock-badge svg {
    flex-shrink: 0;
}
.sdm-in-stock {
    color: #2e7d32;
}
.sdm-in-stock svg {
    stroke: #2e7d32;
}
.sdm-out-stock {
    color: #c62828;
}

/* ==========================================================
   Custom Footer – sve stranice (zamena za Onsus demo footer)
   ========================================================== */

/* ==========================================================
   Sakrij "Prijavite se" i "Podrška" iz headera
   ========================================================== */
.themesflat-top .tf-account,
.header-ct-right .header-infor {
    display: none !important;
}

/* ==========================================================
   Header Bottom – teget gradient + bele ikone
   ========================================================== */
.header-bottom,
.header-01 .header-bottom {
    background: linear-gradient(135deg, #1a2332 0%, #1e3040 40%, #1a3848 100%) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Nav linkovi – beli tekst (samo top-level) */
.header-01 #mainnav > ul > li > a,
#mainnav > ul > li > a {
    color: #fff !important;
    font-weight: 700 !important;
}

#mainnav > ul > li.current-menu-item > a,
#mainnav > ul > li > a:hover,
#mainnav > ul > li.current-menu-ancestor > a,
#mainnav > ul > li.current-menu-parent > a {
    color: #e23636 !important;
}

/* Dropdown submenu – crni tekst na beloj pozadini */
#mainnav ul.sub-menu li a,
.header-01 #mainnav ul.sub-menu li a {
    color: #333 !important;
    font-weight: 600 !important;
}
#mainnav ul.sub-menu li a:hover,
.header-01 #mainnav ul.sub-menu li a:hover {
    color: #e23636 !important;
    padding-left: 0 !important;
}

/* Dropdown strelica (pseudo ::before) – strelica na dole umesto plusa */
#mainnav > ul > li.menu-item-has-children > a:before {
    color: #fff !important;
    font-family: inherit !important;
    content: "\25BE" !important;
    font-size: 12px !important;
}
#mainnav > ul > li.menu-item-has-children > a:hover:before {
    color: #e23636 !important;
}

/* Underline on hover – bela */
#mainnav > ul > li > a:after {
    background: #fff !important;
}

/* Korpa ikona – bela */
.header-bottom .header-cart-wrapper .nav-cart-trigger,
.header-bottom .header-cart-wrapper .icon,
.header-bottom .header-cart-wrapper .icon i {
    color: #fff !important;
}

/* Sakrij compare (strelice) i wishlist (srce) */
.header-bottom .header-shop-compare,
.header-bottom .header-wishlist-wrapper {
    display: none !important;
}

/* Sticky header – isti stil */
#header-fixed-wrap .header-bottom,
#header-fixed-wrap .header-01 .header-bottom {
    background: linear-gradient(135deg, #1a2332 0%, #1e3040 40%, #1a3848 100%) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
#header-fixed-wrap #mainnav > ul > li > a,
#header-fixed-wrap #mainnav > ul > li a {
    color: #fff !important;
}
#header-fixed-wrap .header-cart-wrapper .icon i {
    color: #fff !important;
}

/* ==========================================================
   Logo – smanjen
   ========================================================== */
.logo .site-logo {
    max-height: 42px !important;
    width: auto !important;
}

/* ==========================================================
   Dodaj u korpu – teget gradient
   ========================================================== */
.woo-single-post-class .summary .cart .single_add_to_cart_button {
    background: linear-gradient(135deg, #1a2332 0%, #1e3040 40%, #1a3848 100%) !important;
    background-color: transparent !important;
    color: #fff !important;
    border: none !important;
}
.woo-single-post-class .summary .cart .single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #243040 0%, #2a4050 40%, #244858 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26,35,50,.4);
}

/* ==========================================================
   Naslovi sekcija (Najpopularnije, Novo u ponudi, itd.)
   ========================================================== */
.related.products > h2,
.sdm-new-products > h2,
.up-sells > h2,
.cross-sells > h2 {
    background: linear-gradient(135deg, #1a2332 0%, #1e3040 40%, #1a3848 100%) !important;
    color: #fff !important;
    padding: 14px 24px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
    font-size: 20px !important;
}

/* Sakrij default footer sadržaj */
body:not(.home) .footer_background .info-footer,
body:not(.home) .footer_background > .overlay-footer,
body:not(.home) .footer_background > #footer,
body:not(.home) .footer_background > #bottom {
    display: none !important;
}

/* ==========================================================
   Homepage Elementor footer fixes
   ========================================================== */
/* Hide social icons section and everything below */
.elementor-2585 .elementor-element-6af8f08,
.elementor-2585 .elementor-element-b2ccd2d,
.elementor-2585 .elementor-element-f39d406 {
    display: none !important;
}
/* Hide newsletter bar */
.elementor-2585 .elementor-element-a66f5de {
    display: none !important;
}
/* Hide "We accept" and payment logos */
.elementor-2585 .elementor-element-3d537f0,
.elementor-2585 .elementor-element-dc8d865 {
    display: none !important;
}

/* Sakrij fejk recenzije (testimonial carousel) na svim stranicama osim homepage */
body:not(.home) .tf-testimonial-carousel,
body:not(.home) .elementor-widget-tf-testimonial-carousel,
.woocommerce-cart .tf-testimonial-carousel,
.woocommerce-cart .elementor-widget-tf-testimonial-carousel {
    display: none !important;
}

/* Sakrij Elementor demo sekcije na cart stranici */
.woocommerce-cart .elementor-section-wrap > .elementor-section:not(.elementor-element-edit-mode) {
    display: none !important;
}

/* Custom footer wrapper */
.sdm-footer {
    background: linear-gradient(135deg, #2d3a4a 0%, #3d4f63 100%);
    color: #ccc;
    padding: 50px 0 0;
}

.sdm-footer a {
    color: #ccc;
    text-decoration: none;
    transition: color .2s;
}
.sdm-footer a:hover {
    color: #fff;
}

.sdm-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    gap: 30px;
}

.sdm-footer-col h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.sdm-footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sdm-footer-col ul li {
    margin-bottom: 10px;
}

.sdm-footer-col ul li a {
    font-size: 14px;
    line-height: 1.5;
}

/* Logo kolona */
.sdm-footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.sdm-footer-logo img {
    height: 40px;
    width: auto;
}

.sdm-footer-logo-text {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
}

.sdm-footer-desc {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 16px;
    color: #b0bec5;
}

.sdm-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 14px;
}

.sdm-footer-contact-item svg {
    flex-shrink: 0;
    opacity: .7;
}

/* Bottom bar */
.sdm-footer-bottom {
    margin-top: 40px;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.12);
}

.sdm-footer-bottom-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.sdm-footer-copyright {
    font-size: 13px;
    color: #90a4ae;
}

.sdm-footer-links {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.sdm-footer-links a {
    font-size: 13px;
    color: #90a4ae;
}

.sdm-footer-links a:hover {
    color: #fff;
}

/* Responsive */
@media (max-width: 991px) {
    .sdm-footer-inner {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575px) {
    .sdm-footer-inner {
        grid-template-columns: 1fr;
    }
    .sdm-footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }
}

/* ==========================================================
   Sakrij "Sve kategorije" u navigaciji
   ========================================================== */
#nav-wrap-category,
.nav-wrap-category {
    display: none !important;
}

/* ==========================================================
   Search input – teget border + ikonica
   ========================================================== */
#header .header-wrap .search-form-inner,
.header-01 #header .header-wrap .header-ct-center .search-form-inner {
    border-color: #1a2332 !important;
    border-width: 2px !important;
}
.search-form-inner .search-submit,
.search-form-inner .clear-input {
    background: linear-gradient(135deg, #1a2332 0%, #1e3040 40%, #1a3848 100%) !important;
}
.search-form-inner .search-submit i,
.search-form-inner .clear-input i {
    color: #fff !important;
}

/* ==========================================================
   Elementor footer (2585) – ukloni bullet points
   ========================================================== */
.elementor-2585 .elementor-icon-list-items,
.elementor-2585 ul.elementor-icon-list-items {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.elementor-2585 .elementor-icon-list-item {
    list-style-type: none !important;
}
.elementor-2585 .elementor-icon-list-item::before,
.elementor-2585 .elementor-icon-list-item::marker {
    content: none !important;
    display: none !important;
}

/* ==========================================================
   Checkout – sakrij "Approximately Total", poravnaj COD
   ========================================================== */
tr.x-currency-cart-approximate-total {
    display: none !important;
}
#payment ul.payment_methods {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}
#payment ul.payment_methods > li {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
#payment ul.payment_methods > li > label {
    padding-left: 0 !important;
}
#payment .payment_box {
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: none !important;
}

/* ==========================================================
   Thank-you / Order details – stilizovanje tabele
   ========================================================== */
.woocommerce-order-details {
    margin-top: 40px !important;
}
.woocommerce-order-details__title {
    margin-bottom: 20px !important;
}
.woocommerce-table--order-details {
    border-collapse: collapse !important;
    width: 100% !important;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: 12px 16px !important;
    border-bottom: 1px solid #e8eaed !important;
}
.woocommerce-table--order-details thead th {
    background: #f8f9fa !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #ddd !important;
}
.woocommerce-table--order-details tfoot th {
    font-weight: 600 !important;
}
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    font-weight: 700 !important;
    font-size: 1.05em !important;
}
