/*
 * Smash Padel Shop – stilovi za ceo sajt (mu-plugin smash-sajt.php).
 * Mobilni meni (Astra "off-canvas"): tamna fioka, kategorije velikim slovima, korpa kao dugme.
 */
body.smash-menu #ast-mobile-popup .ast-mobile-popup-overlay { background: rgba(14, 17, 22, .6); }
/* Astra positions the drawer itself (fixed, below the admin bar), so no position here. */
body.smash-menu #ast-mobile-popup .ast-mobile-popup-inner { display: flex; flex-direction: column; width: 100%; max-width: 420px; background: #0E1116; color: #fff; }
body.smash-menu #ast-mobile-popup .ast-mobile-popup-header { min-height: 76px; padding: 16px 16px 8px; background: transparent; }
body.smash-menu #ast-mobile-popup #menu-toggle-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 22px; background: #1E242C; color: #fff; outline: none; }
body.smash-menu #ast-mobile-popup #menu-toggle-close:focus-visible { outline: 2px solid #D4F23C; outline-offset: 2px; }
body.smash-menu #ast-mobile-popup #menu-toggle-close svg { width: 18px; height: 18px; fill: #fff; }
body.smash-menu #ast-mobile-popup .ast-mobile-popup-content { display: flex !important; flex-direction: column; flex: 1; padding: 0 24px 28px; background: transparent; }
body.smash-menu #ast-mobile-popup .ast-mobile-popup-content > * { width: 100%; margin: 0; padding: 0; }

/* Nalog: gore levo, naspram dugmeta za zatvaranje */
body.smash-menu #ast-mobile-popup .ast-header-account { position: absolute; top: 16px; left: 24px; width: auto; }
body.smash-menu #ast-mobile-popup .ast-header-account-wrap,
body.smash-menu #ast-mobile-popup .ast-header-account-inner-wrap { margin: 0; padding: 0; width: auto; }
body.smash-menu #ast-mobile-popup .ast-header-account a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 22px; background: #1E242C; overflow: hidden; }
body.smash-menu #ast-mobile-popup .ast-header-account img { width: 44px; height: 44px; border-radius: 22px; }
body.smash-menu #ast-mobile-popup .ast-header-account svg { width: 20px; height: 20px; fill: #fff; }

/* Menije čistimo od Astra pozadina i ivica */
body.smash-menu #ast-mobile-popup .main-header-menu,
body.smash-menu #ast-mobile-popup .main-header-menu .menu-item,
body.smash-menu #ast-mobile-popup .main-header-menu .menu-link { background: transparent !important; border: 0 !important; }
body.smash-menu #ast-mobile-popup .main-header-menu { display: flex; flex-direction: column; width: 100%; }

/* Kategorije: veliko i čitko */
body.smash-menu #ast-mobile-popup .ast-builder-menu-2 { order: 1; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-2-mobile .menu-item { border-bottom: 1px solid #232A33 !important; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-2-mobile .menu-link { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; font-family: 'Barlow Condensed', 'Lato', sans-serif; font-size: 34px; font-weight: 700; line-height: 1.1; text-transform: uppercase; letter-spacing: .01em; color: #fff; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-2-mobile .menu-link::after { content: "→"; font-family: 'Lato', sans-serif; font-size: 22px; color: #5A636E; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-2-mobile .menu-link:hover,
body.smash-menu #ast-mobile-popup #ast-hf-menu-2-mobile .menu-link:focus,
body.smash-menu #ast-mobile-popup #ast-hf-menu-2-mobile .current-menu-item > .menu-link { color: #D4F23C; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-2-mobile .current-menu-item > .menu-link::after { color: #D4F23C; }

/* O nama, Kontakt i korpa */
body.smash-menu #ast-mobile-popup .ast-builder-menu-1 { order: 2; margin-top: 22px; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-1-mobile .menu-link { display: block; padding: 10px 0; font-size: 18px; font-weight: 700; text-transform: none; color: #A9B2BE; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-1-mobile .menu-link:hover,
body.smash-menu #ast-mobile-popup #ast-hf-menu-1-mobile .menu-link:focus,
body.smash-menu #ast-mobile-popup #ast-hf-menu-1-mobile .current-menu-item > .menu-link { color: #fff; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-1-mobile .menu-link[href*="/cart/"] { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; margin-top: 18px; padding: 0 24px; border-radius: 26px; background: #D4F23C !important; color: #0E1116; font-size: 17px; }
body.smash-menu #ast-mobile-popup #ast-hf-menu-1-mobile .menu-link[href*="/cart/"]:hover,
body.smash-menu #ast-mobile-popup #ast-hf-menu-1-mobile .menu-link[href*="/cart/"]:focus { background: #E4FF5C !important; color: #0E1116; }

/* Prednosti na dnu fioke */
body.smash-menu #ast-mobile-popup .ast-mobile-popup-content::after { content: "Besplatna dostava od 10.000 RSD · Isporuka 24–72 h · Plaćanje pouzećem"; order: 3; margin-top: auto; padding-top: 32px; font-size: 13px; line-height: 1.5; color: #A9B2BE; }

/*
 * Footer: tamna traka u stilu početne. Sadržaj (meniji, podaci o firmi, Instagram, logotipi kartica) ostaje iz Astra footer buildera.
 */
body.smash-footer #colophon { background: #0E1116; color: #A9B2BE; font-family: 'Lato', sans-serif; border-top: 1px solid #232A33; }
body.smash-footer #colophon .site-primary-footer-wrap,
body.smash-footer #colophon .site-below-footer-wrap { background: transparent; border: 0; padding: 0; }
/* Ista širina kao sekcije početne (.sh-wrap) */
body.smash-footer #colophon .ast-builder-grid-row-container-inner { box-sizing: border-box; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; background: transparent; }
body.smash-footer #colophon .site-primary-footer-inner-wrap { display: grid; grid-template-columns: 1fr 1fr 1.6fr auto; gap: 40px; max-width: none; padding: 64px 0 48px; align-items: start; }
body.smash-footer #colophon .site-footer-section { display: block; margin: 0; padding: 0; text-align: left; }
body.smash-footer #colophon .footer-widget-area,
body.smash-footer #colophon .ast-builder-html-element { margin: 0; padding: 0; text-align: left; }

body.smash-footer #colophon .widget { margin: 0; }
body.smash-footer #colophon .widget-title { margin: 0 0 18px; font-family: 'Barlow Condensed', 'Lato', sans-serif; font-weight: 700; font-size: 22px; letter-spacing: .04em; line-height: 1.1; text-transform: uppercase; color: #fff; }
body.smash-footer #colophon .widget_nav_menu ul { margin: 0; padding: 0; list-style: none; }
body.smash-footer #colophon .widget_nav_menu li { margin: 0; padding: 0; border: 0; }
body.smash-footer #colophon .widget_nav_menu a { display: inline-block; padding: 6px 0; font-size: 16px; line-height: 1.5; color: #fff; text-decoration: none; }
body.smash-footer #colophon .widget_nav_menu a:hover,
body.smash-footer #colophon .widget_nav_menu a:focus { color: #D4F23C; }

/* Podaci o firmi */
body.smash-footer #colophon .ast-footer-html-1 .ast-builder-html-element p { margin: 0; font-size: 15px; line-height: 1.75; color: #A9B2BE; }
body.smash-footer #colophon .ast-footer-html-1 strong { color: #fff; font-weight: 700; }
body.smash-footer #colophon .ast-footer-html-1 a { color: #D4F23C; text-decoration: none; overflow-wrap: anywhere; }
body.smash-footer #colophon .ast-footer-html-1 a:hover,
body.smash-footer #colophon .ast-footer-html-1 a:focus { text-decoration: underline; }

/* Instagram */
body.smash-footer #colophon .site-footer-primary-section-4 .ast-builder-layout-element,
body.smash-footer #colophon .ast-footer-social-wrap,
body.smash-footer #colophon .footer-social-inner-wrap { justify-content: flex-start !important; text-align: left !important; }
body.smash-footer #colophon .footer-social-item { display: inline-grid; place-items: center; width: 48px; height: 48px; margin: 0; border-radius: 24px; background: #1E242C !important; transition: background .2s ease; }
body.smash-footer #colophon .footer-social-item svg { width: 20px; height: 20px; fill: #fff !important; }
body.smash-footer #colophon .footer-social-item:hover,
body.smash-footer #colophon .footer-social-item:focus { background: #D4F23C !important; }
body.smash-footer #colophon .footer-social-item:hover svg,
body.smash-footer #colophon .footer-social-item:focus svg { fill: #0E1116 !important; }

/* Logotipi kartica i banke: na beloj kartici, jer su pravljeni za svetlu podlogu */
body.smash-footer #colophon .site-below-footer-inner-wrap { display: block; max-width: none; padding: 0 0 40px; }
body.smash-footer #colophon .ast-footer-html-2 { width: 100%; }
body.smash-footer #colophon .ast-footer-html-2 .flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 28px; max-width: none; padding: 20px 28px; border-radius: 16px; background: #fff; }
body.smash-footer #colophon .ast-footer-html-2 .flex br { display: none; }
body.smash-footer #colophon .ast-footer-html-2 .flex a { display: inline-flex; align-items: center; }
body.smash-footer #colophon .ast-footer-html-2 .flex img { width: auto !important; height: 40px; max-width: none; margin: 0; }

@media (max-width: 921px) {
	body.smash-footer #colophon .site-primary-footer-inner-wrap { grid-template-columns: 1fr 1fr; gap: 36px 24px; padding: 48px 0 36px; }
	body.smash-footer #colophon .site-footer-primary-section-3,
	body.smash-footer #colophon .site-footer-primary-section-4 { grid-column: 1 / -1; }
}
@media (max-width: 544px) {
	body.smash-footer #colophon .ast-builder-grid-row-container-inner { padding: 0 16px; }
	body.smash-footer #colophon .widget-title { margin-bottom: 12px; font-size: 20px; }
	body.smash-footer #colophon .ast-footer-html-2 .flex { gap: 12px 20px; padding: 16px; }
	body.smash-footer #colophon .ast-footer-html-2 .flex img { height: 30px; }
}