style.css doesn’t work, change css cascade loading priority

Ok. thank you.

For my site I need to have the additional css in the associated style.css file and not that the additional code in the header be present on each page, as it is not optimal for positioning on search engines as among other things it unnecessarily weighs down the page. Can you tell me how to load the ‘style.css’ file last so that the changes in it are made correctly on the front end?

Good morning, the code that needs to be displayed is everything I added in the “additional css” section of the theme. for now it is the following: “.icona-filtri-mob img {max-width:20px;}

#columncatimg {width:33%;}

#wpcf7-f8901-p4439-o1 span.wpcf7-list-item-label {
color:white;}

#wpcf7-f8901-p4439-o1 option {
color:#777777!important;
}

.wd-empty-mini-cart .btn {color:#fff;}
.wd-empty-mini-cart .btn:hover
{color:#52796F;}
.indexchisiamo {color:#fff!important;}
.return-to-shop .button {color:white;}
.return-to-shop .button:hover
{background-color:#52796F;}

.single_add_to_cart_button {color:white;}
.single_add_to_cart_button:hover {background-color:#52796F;}

/* dimensione immagini pagina prodotto */
.woocommerce-product-gallery.wd-owl.product-image-wrap {
padding-right:25px;
padding-left:25px;
}
div.thumbnails.owl-carousel.wd-owl.owl-items-lg-4.owl-items-md-4.owl-items-sm-4.owl-items-xs-3.thumbnails-ready.owl-loaded.owl-drag {
margin-top:-70px;
}
/* paginazione prodotto tabella in contrasto */
div.col-lg-6.col-12.col-md-6.text-left.summary.entry-summary
{
background-color: #f8f8f8;
padding: 20px 35px 20px 40px;
}

/* modulo iscrizione newsletter popup margine */
#elementor-popup-modal-13449 div.dialog-widget-content.dialog-lightbox-widget-content.animated{
margin-top:-100px;
}

/* modulo iscrizione newsletter desk */
input.iscnewsinvia {
background-color:#52796f;
color:white;
border: 1px solid white;
}
input.iscnewsinvia:hover {
background-color:white;
color:#52796f;
}
input.namenewsform {
border-color:white;
}

input.emailnewsform {
border-color:white;
}

/* modulo contatto contattaci */
.selectmotivo {
width:550px;
border-color:#52796f #52796f white #52796f;
margin-bottom: 10px;
font-size:18px;
}

.formpgcontatti01msg {
min-height:280px;
border-color:white;
}
.privacyconsp {
margin-bottom:5px;
}
.inviabtnp {
margin-top:110px;
}
input.richinfoinvia {
width:30%;
background-color:#52796f;
color:white;
border: 1px solid white;
}
input.richinfoinvia:hover {
background-color:white;
color:#52796f;
}
div.richinfo01 {
color:white;
}
input.formpgcontatti01 {
border-color:white;
}
#indirizzo-form-info {
border-color:white;
}
.richinfonewslet {
color:white;
}
span.richinfoprivacy label {
color:white;
}
span.richinfonewslet label {
color:white;
}

#wpcf7-f12877-p4439-o1 span.wpcf7-list-item-label {
color:white;}

#wpcf7-f12877-p4439-o1 option {
color:#777777;
}

/* modulo solo mobile */
select.selectmotivomob {
border-color:white;
margin-bottom: 10px;
}
p.nomeinfomob {
margin-bottom:15px;
}
p.emailinfomob {
margin-top:30px;
margin-bottom:15px;
}
p.selectcittmob {
margin-top:-10px;
}
input.richinfoinviamob {
margin-top:20px;
width:50%;
background-color:#52796f;
color:white;
border: 1px solid white;
}
input.richinfoinviamob:hover {
background-color:white;
color:#52796f;
}

/* pagina sitemap mod css inizio */
ul.ulcat3 {
margin-left: 30px;
line-height: 18px;
}
li.scat2lv {
margin-left: 30px;

}
a.flk1lv {
color:#52796f;
}

a.flk2lv {
color: #6f6a63;
font-weight:500;
}

a.tlk3lv {
color: #6f6a63;
}

a.flk1lv:hover {
color: #52796f;
}
a.flk2lv:hover {
color: #52796f;
}
a.tlk3lv:hover {
color: #52796f;
}

/*pagina sitemap mod css fine*/

/* sistemo altezza sezione titolo minima h 200px */
div.page-title.title-design-centered.title-shop {
min-height: 200px;
}

/* stacco scritte titolo pagina da breadcrumb */
div.page-title .container {
margin-top: 45px;
}

/* aggiungo margine a pagina checkout sotto */
form.checkout.woocommerce-checkout.row {
margin-bottom: 50px;
}

/* aggiungo margine a pagina carrello sotto */
div.cart-table-section {
margin-bottom: 50px;
}

/* box nero categorie box container */
ul.wd-nav-product-cat.wd-nav.wd-gap-m {
Background-color: #0000004d;
}

/* ridimensiono icona filtri mobile */
a img.attachment-full.size-full.wp-image-11699 {
width:20px;
height:20px;
}
/* colore grigio breadcrumb categorie */
body.single.single-product div.yoast-breadcrumb span {
color:#777777;
font-size:13px;
padding-top:15px;}
body.single.single-product div.yoast-breadcrumb a {
color:#777777;
font-size:13px;
padding-top:15px;
}
body.single.single-product div.yoast-breadcrumb a:hover {
color:#52796f;
}

/* colore bianco breadcrumb categorie */
div.yoast-breadcrumb span {
color:white;
font-size:13px;
padding-top:15px;
}
div.yoast-breadcrumb a {
color:white;
font-size:13px;
padding-top:15px;
}
div.yoast-breadcrumb a:hover {
color:#52796f;
}

/* spazio sotto bottone carica più prodotti */
.elementor-default .wd-loop-footer {
margin-bottom: 50px;
}

/* bordo bottone aggiungi al carrello */
button.single_add_to_cart_button.button.alt.wp-element-button {
border: solid 1px #52796f;
}

/* altezza minima pagina ricerca vuota */
div.main-page-wrapper {
min-height: 85vh!important;
padding-top: 18px;
}

/* stile tabella guanti-certificazioni pittogrammi */
.tab_style_custom_0001 {
max-width:500px;
}

/* barra menu mobile sopra e sotto in primo piano rispetto immagini categoria */
div.whb-main-header {
z-index: 9999;
}

div.wd-toolbar.wd-toolbar-label-show {
z-index: 9999;
height:70px;
padding-top:0;
}

div.cart-widget-side.wd-side-hidden.wd-right.wd-opened {
z-index: 99999;
}

/* dimensione menù prodotti main da 270 a 140 px */
span.menu-opener.color-scheme-dark.has-bg {
min-width:140px;
}

/* dimensione font h1 46 px */
h1 {
font-size:46px;
}

/* menu categorie distanza freccia da scritta prodotti */
.wd-header-cats.wd-style-1 .menu-opener:after {
margin-left:8px;
}

/* menu navigazione distanza Servizi da freccia prodotti */
span.menu-opener.color-scheme-dark.has-bg {
margin-right:-20px;
}

/* ombra bianca categorie banner home */
div.wrapp-category h3.wd-entities-title {
color:#52796f;
}

/* colore menu sidebar */
div#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.woocommerce.widget_product_categories {
background-color: beige;
padding: 20px 20px 20px 20px;
}

@media only screen and (max-width: 1024px) {
div.elementor-column.elementor-col-66.elementor-top-column.elementor-element.elementor-element-4c7c798e {width:100%;}

#categimgmen {
padding-right:0px;
padding-left:0px;
}
#categimgmen.elementor-widget-wrap.elementor-element-populated {
padding:5px;
}

}

@media only screen and (max-width: 600px) {
/* aumento spazio sotto icone social singolo prodotto mobile */
div.wd-social-icons.icons-design-default.icons-size-small.color-scheme-dark.social-share.social-form-circle.product-share.wd-layout-inline.text-left {
margin-bottom:20px;
}

/* destata categorie mobile ingrandisco */
div.wd-page-title-el .page-title {
}

.page-title .container {
margin-bottom: -20px;
margin-top: 30px;
min-height: 180px;
}

/* modifico layout anteprima prodotti categorie (scritte si sovrappongono a immagine da mobile) */
h3.wd-entities-title {
margin-top: -15px;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
padding-top: 10px;
}

/* porto riduco spazio titolo e immagine box prodotti container mobile */
.products .product-element-bottom {
margin-top:-25px;
}

}
”
When I copy it into style.css, many rules are not reported in the frontend because they are overwritten by other style files.

I tried but it doesn’t work, the css rules are not applied while they work in the additional CSS.