@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//fokusmax.com/wp-content/themes/woodmart/fonts/woodmart-font-2-700.woff2?v=8.3.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//fokusmax.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 600;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-otl-color: rgb(242,242,242);
	--wd-primary-color: rgb(1,26,205);
	--wd-alternative-color: rgb(250,213,80);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(1,26,205);
	--btn-accented-bgcolor-hover: rgb(0,26,155);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: rgb(18,80,155);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://fokusmax.com/wp-content/uploads/2025/12/homepage-2-min.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-position: left center;
}
.wd-footer {
	background-color: rgb(26,26,26);
	background-image: none;
}
html .widget-area .widget .price > .amount, html .widget-area .widget .price > ins .amount, html .widget-area .widget .price > ins .amount, html .widget-area .widget .price del, html .widget-area .widget .price del .amount {
	color: rgb(34,107,255);
}
html .widget-area .widget .price > .amount:hover, html .widget-area .widget .price > ins .amount:hover, html .widget-area .widget .price > ins .amount:hover, html .widget-area .widget .price del:hover, html .widget-area .widget .price del .amount:hover {
	color: rgb(34,107,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(246,212,66);
	color: rgb(0,0,0);
}
.product-labels .product-label.new {
	background-color: rgb(30,115,190);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(221,153,51);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 30px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 130px;
}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 30px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.widget_shopping_cart .quantity, 
.widget_shopping_cart .quantity .amount {
    color: #226bff !important;
}

.widget_shopping_cart .total .amount {
    color: #226bff !important;
}
/* Menja MY ACCOUNT u Moj nalog u celom zaglavlju */
.wd-header-my-account > a .wd-tools-text {
    font-size: 0 !important;
}

.wd-header-my-account > a .wd-tools-text:before {
    content: "Moj nalog" !important;
    font-size: 13px !important; /* Ovde možeš povećati broj ako je presitno */
    text-transform: none !important;
}
/* Menja boju teksta aktivne stranice u mobilnom meniju */
.wd-nav-mobile li.current-menu-item > a {
    color: #3366ff !important; /* Ovde stavi tvoju svetlo plavu boju */
}

/* Ako želiš da promeniš i boju ikonice (strelu) pored teksta */
.wd-nav-mobile li.current-menu-item > a .wd-nav-opener {
    color: #3366ff !important;
}
/* FINALNI FIX ZA LOGO NA SPECIFIKOVANIM STRANICAMA */

/* 1. Ciljamo About Us stranicu */
.page-id-717 .wd-logo img {
    content: url('https://fokusmax.com/about-us-3/') !important;
}

/* 2. Ciljamo Kontakt stranicu */
.page-id-120 .wd-logo img {
    content: url('https://fokusmax.com/contact-us-2/') !important;
}

/* 3. Univerzalna pravila za oba logotipa na mobilnom */
.page-id-717 .wd-logo img, 
.page-id-120 .wd-logo img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
}
/* 1. UNIVERZALNO FORSIRANJE SLIKE LOGOTIPA ZA CEO SAJT */
.wd-logo img, 
.wd-header-mobile .wd-logo img,
.wd-sticky-header .wd-logo img {
    content: url(https://fokusmax.com/wp-content/uploads/2025/12/Layer-1-2@4x.webp) !important;
    height: auto !important;
    display: inline-block !important;
}

/* 2. FIKSNA VELIČINA ZA DESKTOP */
@media (min-width: 1025px) {
    .wd-logo img {
        width: 250px !important; /* Ovde upiši željenu širinu za desktop */
    }
}

/* 3. FIKSNA VELIČINA ZA MOBILE */
@media (max-width: 1024px) {
    .wd-logo img, 
    .wd-header-mobile .wd-logo img {
        width: 150px !important; /* Ovde upiši željenu širinu za mobilni */
    }
}
Evo gotovog CSS koda koji cilja elemente sa tvojih slika. Ovaj kod će zameniti tvoju trenutnu tamnoplavu boju rgb(1, 26, 205) novom, svetlijom rgb(34, 107, 255).

Zamenio sam boju za cene (koje se vide na poslednjoj slici) i za linkove/dugmad.

CSS
/* --- UNIVERSAL SEARCH FIX: Tamno plava u Svetlo plavu --- */

/* 1. CENA NA POPUSTU (Ona 2.100 RSD koja te muči) */
/* Gađamo 'ins' tag koji označava sniženu cenu u svim mogućim pretragama */
html body .autocomplete-suggestions ins span,
html body .autocomplete-suggestions ins bdi,
html body .search-results ins span,
html body .search-results ins bdi,
html body .dgwt-wcas-suggestion ins span,
html body .dgwt-wcas-suggestion .price > span:last-child,
html body .dgwt-wcas-pd-price ins span {
    color: rgb(34, 107, 255) !important;
}

/* 2. OBIČNA CENA (Ako negde nije na popustu, a plava je) */
html body .autocomplete-suggestions .amount,
html body .dgwt-wcas-pd-price .amount {
    color: rgb(34, 107, 255) !important;
}

/* 3. LINK 'VIEW ALL RESULTS' */
html body .view-all-results,
html body .search-results-footer a,
html body .dgwt-wcas-suggestion-more {
    color: rgb(34, 107, 255) !important;
}
/* 1. Sakrivanje Sorting dela */
.woocommerce-ordering, 
.wd-sorting-search {
    display: none !important;
}

/* 2. Forsiranje Grid selectora na desnu stranu */
.shop-loop-head {
    display: flex !important;
    justify-content:沟通-between !important; /* Gura navigaciju levo, a ikonice desno */
    align-items: center !important;
}

.wd-products-shop-view {
    margin-left: auto !important; /* Dodatna potvrda da ikonice idu desno */
}
/* Prevod i usklađivanje veličine za ZAVRŠENA PORUDŽBINA */
.wd-checkout-steps li:last-child span,
.woodmart-checkout-steps li:last-child span {
    font-size: 0 !important; /* Sakriva originalni tekst "ORDER COMPLETE" */
}

.wd-checkout-steps li:last-child span:before,
.woodmart-checkout-steps li:last-child span:before {
    content: "ZAVRŠENA PORUDŽBINA" !important; /* Postavlja novi tekst */
    font-size: 22px !important; /* Postavlja veličinu na 22px kao i ostali */
    text-transform: uppercase !important;
    font-weight: 600 !important; /* Opciono: dodaje debljinu ako ostali koraci deluju jače */
}
/* Popravka širine i uklanjanje praznog prostora u Cart Block-u */
.wc-block-components-quantity-selector {
    width: auto !important; /* Uklanja fiksni 107px koji pravi prazninu */
    max-width: 100px !important;
    display: inline-flex !important;
}

/* Osiguravamo da se input i dugmići spoje bez rupa */
.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector__button {
    margin: 0 !important;
    border-radius: 0 !important;
}

/* Smanjujemo širinu samog polja sa brojem */
.wc-block-components-quantity-selector__input {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
}

/* Resetujemo desnu ivicu poslednjeg dugmeta */
.wc-block-components-quantity-selector__button--plus {
    border-right: none !important;
}
.woodmart-entry-meta .meta-author, .post-author {
    display: none !important;
}
/* 1. Potpuno uklanjanje sekcije AUTOR (Posted by Bogdan) */
.wd-post-author, 
.wd-meta-author,
div[class*="wd-post-author"],
div[class*="wd-meta-author"] {
    display: none !important;
}

/* 2. Potpuno uklanjanje ikonice KOMENTARA (Plavi krug sa nulom) */
.wd-post-reply, 
.wd-replies-count,
a[href*="#respond"],
span[class*="wd-replies-count"] {
    display: none !important;
}

/* 3. Sakrivanje celog kontejnera sa meta podacima ako ostane prazna linija */
.wd-entry-meta, 
.entry-meta {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Menja naslov isključivo na My Account stranici i postavlja na 36px */
.woocommerce-account .page-title h1, 
.woocommerce-account .entry-title {
    font-size: 0 !important; /* Sakriva originalni engleski naslov */
}

.woocommerce-account .page-title h1:before,
.woocommerce-account .entry-title:before {
    content: "MOJ NALOG" !important;
    font-size: 36px !important; /* Postavljeno na 36px da prati ostale naslove */
    display: block !important;
    text-transform: uppercase !important; /* Opciono, ako su i ostali naslovi velika slova */
}
/* 1. Glavni naslov u crnom baru (Page Title) ostaje na 36px */
.woocommerce-account .page-title h1 {
    font-size: 0 !important;
}

.woocommerce-account .page-title h1:before {
    content: "MOJ NALOG" !important;
    font-size: 36px !important;
    display: block !important;
    text-transform: uppercase !important;
}

/* 2. POTPUNO UKLANJANJE unutrašnjeg naslova (onaj koji si precrtao) */
.woocommerce-account .woocommerce-MyAccount-title.entry-title {
    display: none !important;
}

/* 3. Brisanje viška teksta ako je ostao od starog koda */
.woocommerce-account .entry-title:before {
    content: none !important;
}
/* 2. Zamena teksta "Lost your password?" -> "Zaboravili ste lozinku?" */
.woocommerce-LostPassword.lost_password a {
    font-size: 0 !important;
}
.woocommerce-LostPassword.lost_password a:after {
    content: "Zaboravili ste lozinku?";
    font-size: 14px !important; /* Prilagođeno tvojoj temi */
    color: #333; /* Boja linka */
    visibility: visible;
    display: inline-block;
}
/* Prevod za "Lost your password?" na srpski */
.woocommerce-LostPassword.lost_password {
    font-size: 0 !important;
}

.woocommerce-LostPassword.lost_password::after {
    content: "Zaboravili ste lozinku?";
    font-size: 16px !important; /* Tačna veličina sa tvog screenshota image_cc0606.png */
    color: #011ACD !important;  /* Tvoja plava boja sa slike image_cc0606.png */
    visibility: visible;
    display: inline-block;
}
/* Prevod za "Save my name, email..." na stranici proizvoda */
.comment-form-cookies-consent label {
    font-size: 0 !important;
}

.comment-form-cookies-consent label:before {
    content: "Sačuvaj moje ime, e-mail i veb mesto u ovom pregledaču sledeći put kada napišem komentar." !important;
    font-size: 14px !important; /* Prilagodi veličinu po potrebi */
}
/* Sakriva tekst i polje uslova korišćenja na novom Checkout Block-u */
.wc-block-checkout__terms {
    display: none !important;
}
/* Brisanje originalnog teksta i postavljanje čistog prevoda Zapamti me */
.woocommerce-form-login__rememberme {
    font-size: 0 !important; /* Sakriva Remember me */
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
    margin-right: 8px !important;
}

.woocommerce-form-login__rememberme:after {
    content: "Zapamti me" !important;
    font-size: 14px !important; /* Vraća veličinu samo za novi tekst */
    display: inline-block !important;
    vertical-align: middle !important;
}
/* Tamna providna pozadina sa blur efektom za mobilni sticky heder */
.whb-sticked .whb-general-header {
    background-color: rgba(0, 0, 0, 0.7) !important; /* Crna boja sa 60% vidljivosti */
    backdrop-filter: blur(12px) !important; /* Nešto jači blur za bolji kontrast */
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Opciono: Osiguravamo da ikonice i logo budu beli radi čitljivosti na tamnoj bazi */
.whb-sticked .wd-tools-icon, 
.whb-sticked .wd-nav-mobile-index {
    color: #ffffff !important;
}
/* Zaobljavanje belog bloka na Home stranici - bez sužavanja */
.home .wd-negative-gap.elementor-element {
    border-radius: 30px !important; /* Samo zaobljava ivice */
    /* Izbacili smo overflow: hidden i z-index koji su pravili problem */
}
/* --- FINALNI KOD PO SKRINOVIMA --- */

/* 1. LOZINKA (Gađamo tačno labelu sa tvoje slike 'image_fc70a6.png') */
.login-form-side label[for="password"] {
    font-size: 0 !important; /* Ubijamo engleski tekst */
    line-height: 0 !important;
    display: block !important; /* Čuvamo mesto */
}

.login-form-side label[for="password"]:before {
    content: "Lozinka *" !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #ffffff !important; /* Bela boja */
    font-family: "Manrope", sans-serif !important;
    visibility: visible !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* Sakrivamo originalnu zvezdicu da ne bude duplirana */
.login-form-side label[for="password"] .required {
    display: none !important;
}


/* 2. ZABORAVILI STE LOZINKU (Tvoja plava #226BFF) */
.login-form-side .lost_password a {
    font-size: 0 !important;
    color: #226BFF !important; /* Plava boja */
}

.login-form-side .lost_password a:before {
    content: "Zaboravili ste lozinku?" !important;
    font-size: 13px !important; /* Veličina sa tvoje slike image_fc70e6.png */
    font-family: "Manrope", sans-serif !important;
    color: #226BFF !important;
    display: inline-block !important;
}


/* 3. NEMATE NALOG? (Font Manrope) */
.login-form-side .create-account-question {
    font-size: 0 !important;
}

.login-form-side .create-account-question:before {
    content: "Nemate nalog?" !important;
    font-size: 16px !important;
    font-family: "Manrope", sans-serif !important;
    color: #ffffff !important;
    display: block !important;
    margin-bottom: 15px !important;
}


/* 4. DUGME KREIRAJ NALOG (Gađamo klasu .create-account-button sa slike image_fc7120.png) */
.login-form-side .create-account-button {
    font-size: 0 !important; /* Sakriva 'Create an Account' */
}

.login-form-side .create-account-button:before {
    content: "KREIRAJ NALOG" !important;
    font-size: 13px !important; /* Veličina sa slike */
    font-family: "Manrope", sans-serif !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    border-bottom: 1px solid #ffffff; /* Linija ispod */
    display: inline-block !important;
}
/* Forsiranje plave boje za Zaboravljenu lozinku */
.login-form-side .lost_password a,
.login-form-side .lost_password a:before,
.login-form-side .lost_password a:hover,
.login-form-side .lost_password a:hover:before {
    color: #226BFF !important;
}@media (max-width: 576px) {
	/* Univerzalno sakrivanje teksta MENU na svim varijacijama hedera */
body .wd-header-mobile-nav .wd-tools-text,
body .mobile-nav-icon .wd-tools-text,
body .wd-tools-element.wd-header-mobile-nav > a > span:not(.wd-tools-icon) {
    display: none !important;
    font-size: 0 !important;     /* Za svaki slučaj smanjuje font na nulu */
    visibility: hidden !important;
    width: 0 !important;
    margin: 0 !important;
}
}