/* Pages rebuilt from the Avada site (collections, accessories, Akcija, Katalog, Kontakt, Uslovi).
   Same look as the shop: white page, beige rounded boxes, navy header band. */
body.wm-store-page { background: #fff; }

/* Navy page header */
.wm-page-hero .wm-page-kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; color: var(--wm-sand); }
.wm-page-hero .elementor-heading-title { color: #fff !important; font-size: 44px; line-height: 1.15; }
.wm-page-hero .elementor-widget-text-editor { color: #c9d4e5; font-size: 17px; max-width: 760px; }
.wm-page-hero .elementor-widget-text-editor p { margin: 0 0 8px; }
.wm-page-hero .elementor-widget-text-editor strong { color: #fff; }

/* Product grid on the pages – same beige cards as the shop */
.wm-grid ul.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0; padding: 0; }
.wm-grid.columns-3 ul.products { grid-template-columns: repeat(3, 1fr); }
.wm-grid ul.products::before, .wm-grid ul.products::after { display: none !important; }
.wm-grid ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; background: var(--wm-cream) !important; border: 0; border-radius: var(--wm-radius) !important; }
.wm-grid ul.products li.product a img { background: #fff; border-radius: 8px; padding: 10px; box-sizing: border-box; }
.wm-grid ul.products li.product .woocommerce-loop-product__title { font-family: "Roboto", Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; color: var(--wm-brand-navy); }
.wm-grid ul.products li.product .price { font-family: "Roboto", Arial, sans-serif; font-weight: 500 !important; }
.wm-grid ul.products li.product .button { border-radius: 8px; }
.wm-grid-empty { background: var(--wm-cream); border-radius: var(--wm-radius); padding: 24px; margin: 0; }

/* "Pogledajte i ostale modele" */
.wm-page-nav h2 { font-size: 22px; margin: 0 0 14px; color: var(--wm-brand-navy); }
.wm-page-nav ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.wm-page-nav a { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: var(--wm-radius); background: var(--wm-cream); color: var(--wm-brand-navy); text-decoration: none; border: 1px solid transparent; transition: border-color .2s; }
.wm-page-nav a:hover { border-color: var(--wm-brand-navy); }
.wm-page-nav b { font-weight: 500; font-size: 16px; }
.wm-page-nav span { font-size: 13px; color: #6b7280; }
.wm-page-nav li.is-current a { background: var(--wm-brand-navy); color: #fff; }
.wm-page-nav li.is-current span { color: var(--wm-sand); }

/* Proizvodi po kategorijama */
.wm-cat-section + .wm-cat-section { margin-top: 44px; }
.wm-cat-section-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.wm-cat-section-head h2 { margin: 0; font-size: 26px; color: var(--wm-brand-navy); }

/* Buttons */
.wm-btn-navy, a.wm-btn-navy { display: inline-block; background: var(--wm-brand-navy); color: #fff !important; border: 0; border-radius: 8px; padding: 13px 26px; font-weight: 700; text-decoration: none; cursor: pointer; font-size: 15px; }
.wm-btn-navy:hover { background: var(--wm-brand-blue); }
.wm-btn-outline, a.wm-btn-outline { display: inline-block; border: 1px solid var(--wm-brand-navy); color: var(--wm-brand-navy) !important; border-radius: 8px; padding: 10px 18px; font-weight: 600; text-decoration: none; font-size: 14px; }
.wm-btn-outline:hover { background: var(--wm-brand-navy); color: #fff !important; }

/* Beige info boxes (Katalog, Kontakt, Uslovi) */
.wm-info-box { background: var(--wm-cream); border-radius: var(--wm-radius); padding: 32px !important; }
.wm-info-box .elementor-heading-title { color: var(--wm-brand-navy); font-size: 26px; }
.wm-catalog-cover img { border-radius: 8px; box-shadow: 0 20px 40px -20px rgba(5, 27, 63, .5); }
.wm-follow { color: #4a5263; font-size: 14px; }
.wm-follow a { color: var(--wm-brand-blue); }

.wm-contact-info h2 { font-size: 24px; color: var(--wm-brand-navy); margin: 0 0 16px; }
.wm-contact-info ul { list-style: none; padding: 0; margin: 0 0 16px; }
.wm-contact-info li { padding: 10px 0; border-bottom: 1px solid #e6dfd1; color: var(--wm-text); }
.wm-contact-info li span { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #8a8f99; }
.wm-contact-info a { color: var(--wm-brand-navy); text-decoration: none; font-weight: 500; }

.wm-contact-form label { display: block; font-size: 14px; font-weight: 500; color: var(--wm-brand-navy); margin-bottom: 6px; }
.wm-contact-form input[type=text], .wm-contact-form input[type=email], .wm-contact-form textarea { width: 100%; border: 1px solid #d9d0bf; border-radius: 8px; background: #fff; padding: 12px 14px; font-size: 15px; }
.wm-contact-form input:focus, .wm-contact-form textarea:focus { outline: none; border-color: var(--wm-brand-blue); box-shadow: 0 0 0 3px rgba(35, 57, 118, .15); }
.wm-contact-form .wm-hp { position: absolute; left: -9999px; }
.wm-form-ok { background: #e7f3ec; color: var(--wm-green); padding: 12px 14px; border-radius: 8px; }
.wm-form-error { background: #fbe9e7; color: var(--wm-red); padding: 12px 14px; border-radius: 8px; }

.wm-legal { max-width: 920px; }
.wm-legal h3 { font-size: 20px !important; margin: 26px 0 8px; color: var(--wm-brand-navy); }
.wm-legal p { color: #4a5263; line-height: 1.75; }

/* Footer additions */
/* Social icons (footer, Kontakt, Katalog) */
.wm-social { display: flex; gap: 10px; margin: 0; }
.wm-social a { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(213, 198, 171, .5); color: var(--wm-sand) !important; transition: background .2s, color .2s, border-color .2s; }
.wm-social a:hover { background: var(--wm-sand); color: var(--wm-brand-navy) !important; border-color: var(--wm-sand); }
.wm-social a::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--wm-ico) center / contain no-repeat; mask: var(--wm-ico) center / contain no-repeat; }
.wm-ico-fb { --wm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.5h2.5l.4-3h-2.9V8.6c0-.9.3-1.5 1.5-1.5h1.5V4.4c-.3 0-1.2-.1-2.2-.1-2.2 0-3.7 1.3-3.7 3.8v2.4H8.1v3h2.5V21h2.9z'/%3E%3C/svg%3E"); }
.wm-ico-ig { --wm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7.3a4.7 4.7 0 1 0 0 9.4 4.7 4.7 0 0 0 0-9.4zm0 7.7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm6-7.9a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0zM21.9 8.3c-.1-1.6-.4-3-1.6-4.2S17.7 2.6 16.1 2.5c-1.7-.1-6.6-.1-8.2 0-1.6.1-3 .4-4.2 1.6S2.2 6.7 2.1 8.3c-.1 1.7-.1 6.6 0 8.2.1 1.6.4 3 1.6 4.2s2.6 1.5 4.2 1.6c1.7.1 6.6.1 8.2 0 1.6-.1 3-.4 4.2-1.6s1.5-2.6 1.6-4.2c.1-1.6.1-6.5 0-8.2zm-2.1 10.1a3.4 3.4 0 0 1-1.9 1.9c-1.3.5-4.4.4-5.9.4s-4.6.1-5.9-.4a3.4 3.4 0 0 1-1.9-1.9c-.5-1.3-.4-4.4-.4-5.9s-.1-4.6.4-5.9a3.4 3.4 0 0 1 1.9-1.9c1.3-.5 4.4-.4 5.9-.4s4.6-.1 5.9.4a3.4 3.4 0 0 1 1.9 1.9c.5 1.3.4 4.4.4 5.9s.1 4.6-.4 5.9z'/%3E%3C/svg%3E"); }
.wm-info-box .wm-social a { border-color: rgba(5, 27, 63, .25); color: var(--wm-brand-navy) !important; }
.wm-info-box .wm-social a:hover { background: var(--wm-brand-navy); color: #fff !important; border-color: var(--wm-brand-navy); }

.wm-footer-brands { border-top: 1px solid rgba(255, 255, 255, .12); }
.wm-footer-brands .elementor-widget-container { display: flex; align-items: center; gap: 32px; flex-wrap: wrap; padding-top: 22px; }
.wm-footer-brands span { color: #8597b2; font-size: 12px; letter-spacing: .15em; text-transform: uppercase; }
.wm-footer-brands div { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
.wm-footer-brands a { display: block; padding: 6px 4px; opacity: .7; transition: opacity .2s; } /* white logos, made for the dark footer */
.wm-footer-brands a:hover { opacity: 1; }
.wm-footer-brands img { height: 48px; width: auto; display: block; }
.wm-footer-brands a { opacity: .85; }
@media (max-width: 767px) {
	.wm-footer-brands div { gap: 18px; }
	.wm-footer-brands img { height: 36px; }
}

@media (max-width: 1024px) {
	.wm-grid ul.products, .wm-grid.columns-3 ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.wm-page-hero .elementor-heading-title { font-size: 32px; }
	.wm-grid ul.products, .wm-grid.columns-3 ul.products { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.wm-info-box { padding: 20px !important; }
}