/*
 Theme Name:   Neve Child
 Theme URI:    https://shop.safi.rs
 Description:  Neve Child Theme – shop.safi.rs
 Author:       Safi
 Author URI:   https://safi.rs
 Template:     neve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  neve-child
*/

/* ============================================================
   1. CSS VARIJABLE
   ============================================================ */
:root {
    --color-primary:        #f97316;
    --color-primary-dark:   #ea6c0a;
    --color-primary-light:  #fff7ed;
    --color-dark:           #1f2937;
    --color-dark-mid:       #374151;
    --color-gray:           #6b7280;
    --color-gray-light:     #f3f4f6;
    --color-border:         #e5e7eb;
    --color-white:          #ffffff;
    --color-text:           #111827;
    --color-text-muted:     #6b7280;

    --font-body:    'Inter', 'Segoe UI', sans-serif;
    --font-heading: 'Inter', 'Segoe UI', sans-serif;

    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   12px;

    --shadow-sm:   0 1px 3px rgba(0,0,0,.08);
    --shadow-md:   0 4px 12px rgba(0,0,0,.10);
    --shadow-lg:   0 8px 24px rgba(0,0,0,.12);

    --transition:  all .2s ease;
}

/* ============================================================
   2. GLOBAL RESET & TIPOGRAFIJA
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.7;
    color: var(--color-text);
    background: var(--color-white);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-dark);
    margin: 0 0 .75rem;
}

h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
h3 { font-size: clamp(1.1rem, 2vw, 1.4rem); }

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: var(--transition);
}
a:hover { color: var(--color-primary-dark); }

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

/* ============================================================
   3. HEADER
   ============================================================ */
.hfg-header,
.header-main-inner,
.nv-navbar {
    background: var(--color-white) !important;
    border-bottom: 2px solid var(--color-primary) !important;
}

/* Logo */
.site-logo img,
.custom-logo {
    max-height: 56px !important;
    width: auto !important;
}

/* Nav linkovi */
.header-menu-sidebar .nav-ul li a,
.nv-nav-wrap .nav-ul li a,
ul.nav-ul li a {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-dark) !important;
    padding: 6px 14px !important;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    letter-spacing: .3px;
    text-transform: uppercase;
}

ul.nav-ul li a:hover,
ul.nav-ul li.current-menu-item > a {
    color: var(--color-primary) !important;
    background: var(--color-primary-light) !important;
}

/* Header cart / account ikone */
.header-main-inner .nv-icon svg,
.component-wrap .nv-icon svg {
    fill: var(--color-dark);
    width: 22px;
    height: 22px;
    transition: var(--transition);
}
.header-main-inner .nv-icon:hover svg,
.component-wrap .nv-icon:hover svg {
    fill: var(--color-primary);
}

/* Cart count badge */
.cart-count-wrapper {
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
}

/* Sticky header shadow */
.header-sticky-wrapper.is-sticky .hfg-header {
    box-shadow: var(--shadow-md) !important;
}

/* ============================================================
   4. DUGMAD
   ============================================================ */
.button,
button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.single_add_to_cart_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    padding: 11px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: var(--transition) !important;
    box-shadow: 0 2px 8px rgba(249,115,22,.25) !important;
    text-decoration: none !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.single_add_to_cart_button:hover {
    background: var(--color-primary-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(249,115,22,.35) !important;
}

/* Outline dugme */
.button.outline,
.woocommerce a.button.outline {
    background: transparent !important;
    color: var(--color-primary) !important;
    border: 2px solid var(--color-primary) !important;
    box-shadow: none !important;
}
.button.outline:hover,
.woocommerce a.button.outline:hover {
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
}

/* ============================================================
   5. WOOCOMMERCE – PRODUCT KARTICE (SHOP LOOP)
   ============================================================ */
.woocommerce ul.products,
ul.products {
    gap: 24px !important;
}

.woocommerce ul.products li.product,
ul.products li.product {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    display: flex !important;
    flex-direction: column;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product:hover,
ul.products li.product:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
    border-color: var(--color-primary);
}

/* Product slika */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
ul.products li.product .woocommerce-loop-product__link img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    padding: 16px;
    background: var(--color-gray-light);
    transition: transform .3s ease;
}

ul.products li.product:hover .woocommerce-loop-product__link img {
    transform: scale(1.04);
}

/* Product info wrapper */
.woocommerce ul.products li.product .product-info-wrapper,
ul.products li.product .product-info-wrapper {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Product naziv */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--color-dark) !important;
    line-height: 1.4;
    margin-bottom: 8px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    overflow: hidden;
}

/* Cijena */
.woocommerce ul.products li.product .price,
ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--color-primary) !important;
    margin-bottom: 12px !important;
    margin-top: auto;
}

.woocommerce ul.products li.product .price del,
ul.products li.product .price del {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--color-gray) !important;
    margin-right: 4px;
}

/* Add to cart na kartici */
.woocommerce ul.products li.product .add_to_cart_button,
ul.products li.product .button {
    width: 100% !important;
    margin-top: 4px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale,
ul.products li.product .onsale {
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    top: 12px !important;
    left: 12px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.4 !important;
}

/* ============================================================
   6. SINGLE PRODUCT
   ============================================================ */
.woocommerce div.product .product_title {
    font-size: clamp(1.4rem, 3vw, 2rem) !important;
    color: var(--color-dark) !important;
    margin-bottom: 12px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: var(--color-primary) !important;
    margin-bottom: 20px !important;
}

.woocommerce div.product .woocommerce-product-gallery__image img {
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
}

/* Quantity input */
.woocommerce .quantity .qty {
    border: 2px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 80px !important;
    text-align: center;
}
.woocommerce .quantity .qty:focus {
    border-color: var(--color-primary) !important;
    outline: none;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs .tabs li a {
    font-weight: 600;
    color: var(--color-gray);
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    transition: var(--transition);
}
.woocommerce div.product .woocommerce-tabs .tabs li.active a,
.woocommerce div.product .woocommerce-tabs .tabs li a:hover {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary) !important;
}

/* Related products */
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
    font-size: 1.4rem;
    color: var(--color-dark);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--color-primary);
    display: inline-block;
}

/* ============================================================
   7. CART & CHECKOUT
   ============================================================ */
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
    padding: 14px 12px !important;
    vertical-align: middle;
    border-color: var(--color-border) !important;
}

.woocommerce-cart table.cart thead {
    background: var(--color-gray-light);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--color-gray);
}

.woocommerce-cart .cart_totals h2,
.woocommerce-checkout h3 {
    font-size: 1.2rem;
    color: var(--color-dark);
    border-bottom: 2px solid var(--color-primary);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

/* Checkout fields */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea,
.woocommerce form .input-text,
.woocommerce form select {
    border: 2px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    transition: var(--transition) !important;
    width: 100% !important;
}
.woocommerce form .input-text:focus,
.woocommerce form select:focus {
    border-color: var(--color-primary) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(249,115,22,.12) !important;
}

/* Order summary */
.woocommerce .order-total .amount {
    color: var(--color-primary) !important;
    font-weight: 800 !important;
    font-size: 1.2rem;
}

/* ============================================================
   8. NOTICES & ALERTS
   ============================================================ */
.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--color-primary) !important;
    background: var(--color-primary-light) !important;
    color: var(--color-dark) !important;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.woocommerce-error {
    border-top-color: #ef4444 !important;
    background: #fef2f2 !important;
}

/* ============================================================
   9. FOOTER
   ============================================================ */
.site-footer,
#footer,
.footer-wrapper,
.hfg-footer,
.hfg-footer .hfg-row,
.hfg-footer .hfg-slot,
.hfg-footer .builder-item,
.hfg-footer .hfg-footer-row,
.hfg-footer > div,
.neve-footer,
.neve-footer > div,
footer.site-footer > div,
.nv-footer-content,
.nv-footer-content > div,
.footer-content,
.hfg-footer-row__inner,
.nv-footer-wrap,
div[class*="footer-content"],
div[class*="footer-row"],
div[class*="footer-widget"] {
    background: var(--color-dark) !important;
    color: #d1d5db !important;
}

.site-footer {
    padding: 0 !important;
}

.hfg-footer .hfg-row,
.hfg-footer .hfg-footer-row {
    padding: 40px 0 !important;
}

/* Footer widget grid – 3 kolone */
.footer-widgets-wrap,
.hfg-footer .widget-area,
.site-footer .footer-widget-area {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 40px;
}

@media (max-width: 768px) {
    .footer-widgets-wrap,
    .hfg-footer .widget-area,
    .site-footer .footer-widget-area {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
}

/* Footer widget naslovi */
.site-footer .widget-title,
.footer-wrapper .widget-title,
.hfg-footer .widget-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: var(--color-white) !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--color-primary) !important;
}

/* Footer linkovi */
.site-footer a,
.footer-wrapper a,
.hfg-footer a {
    color: #9ca3af !important;
    font-size: 14px;
    line-height: 1.8;
    display: block;
    transition: var(--transition);
}
.site-footer a:hover,
.footer-wrapper a:hover,
.hfg-footer a:hover {
    color: var(--color-primary) !important;
    padding-left: 4px;
}

/* Footer tekst */
.site-footer p,
.footer-wrapper p,
.hfg-footer p {
    color: #9ca3af;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 8px;
}

/* Footer logo / naziv kompanije */
.footer-wrapper .footer-logo,
.site-footer .footer-logo {
    max-height: 48px;
    margin-bottom: 16px;
}

/* Footer bottom bar */
.footer-bottom,
.hfg-footer .footer-bottom-wrap {
    background: #111827 !important;
    padding: 16px 24px !important;
    text-align: center;
    border-top: 1px solid #374151;
}
.footer-bottom p,
.hfg-footer .footer-bottom-wrap p {
    color: #6b7280 !important;
    font-size: 13px !important;
    margin: 0 !important;
}
.footer-bottom a {
    color: var(--color-primary) !important;
    font-weight: 600;
}

/* ============================================================
   10. KATEGORIJE & BREADCRUMBS
   ============================================================ */
.woocommerce .woocommerce-breadcrumb {
    font-size: 13px;
    color: var(--color-gray);
    margin-bottom: 24px;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-border);
}
.woocommerce .woocommerce-breadcrumb a {
    color: var(--color-gray);
    transition: var(--transition);
}
.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--color-primary);
}

/* Kategorija stranica – naslov */
.woocommerce-products-header__title.page-title {
    font-size: clamp(1.4rem, 3vw, 2rem);
    color: var(--color-dark);
    margin-bottom: 8px;
}

/* Filter / ordering bar */
.woocommerce .woocommerce-ordering select,
.woocommerce .shop-filters select {
    border: 2px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    cursor: pointer;
}
.woocommerce .woocommerce-ordering select:focus {
    border-color: var(--color-primary) !important;
    outline: none;
}

/* Result count */
.woocommerce-result-count {
    font-size: 13px;
    color: var(--color-gray);
}

/* ============================================================
   11. PAGINATION
   ============================================================ */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border-color: var(--color-border) !important;
    color: var(--color-dark) !important;
    border-radius: var(--radius-sm) !important;
    padding: 8px 14px !important;
    font-weight: 600;
    transition: var(--transition);
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

/* ============================================================
   12. ACCOUNT STRANICE
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 14px;
    color: var(--color-dark);
    border-radius: var(--radius-md);
    transition: var(--transition);
    border-left: 3px solid transparent;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-left-color: var(--color-primary);
}

/* ============================================================
   13. MISC & UTILITY
   ============================================================ */

/* Stars – ratings */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: var(--color-primary) !important;
}

/* Search bar */
.nv-search-icon-wrap .search-form input[type="search"],
.header-search input[type="search"] {
    border: 2px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
}
.nv-search-icon-wrap .search-form input:focus,
.header-search input:focus {
    border-color: var(--color-primary) !important;
    outline: none;
}

/* Wishlist button (ako postoji plugin) */
.yith-wcwl-add-button a,
.add_to_wishlist {
    color: var(--color-gray) !important;
    transition: var(--transition);
}
.yith-wcwl-add-button a:hover,
.add_to_wishlist:hover {
    color: var(--color-primary) !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--color-gray-light); }
::-webkit-scrollbar-thumb { background: var(--color-primary); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-primary-dark); }

/* Selection */
::selection { background: var(--color-primary); color: var(--color-white); }

/* Focus ring */
:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* ============================================================
   14. RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
    .woocommerce ul.products,
    ul.products {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products,
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .woocommerce div.product .product_title {
        font-size: 1.4rem !important;
    }

    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products,
    ul.products {
        grid-template-columns: 1fr !important;
    }

    .button,
    .woocommerce a.button,
    .woocommerce button.button {
        width: 100% !important;
        text-align: center !important;
    }
}

/* ============================================================
   15. FOOTER WIDGET AREA BACKGROUND FIX
   ============================================================ */
.neve-footer-widget-area,
.footer-widget-area,
.hfg-footer .widget-area,
[data-section="neve_footer_widgets"] {
    background: var(--color-dark) !important;
    color: #d1d5db !important;
}

.neve-footer-widget-area .widget-title,
.footer-widget-area .widget-title {
    color: var(--color-white) !important;
    border-bottom: 2px solid var(--color-primary) !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
}

.neve-footer-widget-area a,
.footer-widget-area a {
    color: #9ca3af !important;
}

.neve-footer-widget-area a:hover,
.footer-widget-area a:hover {
    color: var(--color-primary) !important;
}

/* ============================================================
   16. FOOTER IKONICE & BOTTOM BAR
   ============================================================ */

/* Fix footer widget area */
.neve-footer > div,
.footer-content,
.nv-footer-content,
.hfg-footer .hfg-row,
.hfg-footer .hfg-slot,
.hfg-footer .builder-item,
.hfg-footer .hfg-footer > div,
.footer-content > div,
.nv-footer-wrap,
.nv-footer-inner {
    background: var(--color-dark) !important;
    color: #d1d5db !important;
}

/* Sakrij "Neve | Pokreće WordPress" */
.footer-bottom .footer-left-inner,
.footer-bottom .footer-right-inner {
    display: none !important;
}

.hfg_footer {
    background: var(--color-dark) !important;
    color: #d1d5db !important;
}

.hfg_footer a {
    color: #9ca3af !important;
}

.hfg_footer a:hover {
    color: var(--color-primary) !important;
}

/* Footer ikonice – ukloni bijelu pozadinu/border oko slika */
.site-footer .widget img,
.hfg-footer .widget img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Dashicons / FontAwesome ikonice u narandžastoj boji */
.site-footer .widget .dashicons,
.hfg-footer .widget .dashicons,
.site-footer .widget i[class*="fa"],
.hfg-footer .widget i[class*="fa"] {
    color: var(--color-primary) !important;
    font-size: 16px !important;
}

/* Sakrij "Neve | Pokreće WordPress" */
.site-footer .footer-copyright a[href*="wordpress.org"],
.site-footer .footer-copyright a[href*="nevewp.com"],
.hfg-footer .footer-copyright a[href*="wordpress.org"],
.hfg-footer .footer-copyright a[href*="nevewp.com"] {
    display: none !important;
}

/* Sakrij " | Pokreće" tekst node — targeted na Neve copyright output */
.hfg-footer .hfg-copyright,
.footer-copyright {
    font-size: 13px !important;
    color: #6b7280 !important;
}

/* ============================================================
   17. WOOCOMMERCE GUTENBERG BLOCK KARTICE
   ============================================================ */
.wc-block-grid__product {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    overflow: hidden !important;
    background: var(--color-white) !important;
    transition: var(--transition) !important;
    padding: 0 !important;
}

.wc-block-grid__product:hover {
    border-color: var(--color-primary) !important;
    box-shadow: var(--shadow-lg) !important;
    transform: translateY(-3px) !important;
}

.wc-block-grid__product-image img {
    width: 100% !important;
    height: 200px !important;
    object-fit: contain !important;
    padding: 16px !important;
    background: var(--color-gray-light) !important;
}

.wc-block-grid__product-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--color-dark) !important;
    padding: 0 16px !important;
}

.wc-block-grid__product-price {
    padding: 8px 16px !important;
    font-weight: 800 !important;
    color: var(--color-primary) !important;
}

.wc-block-grid__product-add-to-cart {
    padding: 0 16px 16px !important;
}

/* ============================================================
   18. SAKRIJ SIDEBAR
   ============================================================ */
.nv-sidebar-wrap,
.secondary {
    display: none !important;
}