/* Headerin taustaväri */
.mbf-header {background: #000000 !important;}

/* Menu-itemien väri */
.mbf-header__nav-inner > li > a > span:first-child {color: #fff !important;}
.mbf-header__nav-inner > li.current-menu-item > a {background-color: #ffd771 !important;}

/* Alkupeäisen footer-alueen kustomointia 10.5.2025 */
.mbf-footer__logo{display: none;}

/* Uusi vimpainalue footeriin 9.5.2025 */
.footer-widgets-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; padding: 2rem 0; border-top: 1px solid #e0e0e0;}
.footer-widget-area {padding: 0 1rem;}
.footer-widget-title {font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem;}

/* Footerin tekstien väri ja koko 9.5.2025 */
.footer-widget p{color: #ffffff !important;}
.footer-widget-title {font-size: 1.1em !important;margin-bottom: 4% !important; color: #ffffff !important;}
.footer-widget h4 {font-size: 1.1em !important;margin-bottom: 4% !important; color: #ffffff !important; font-weight: bold;}
ul#menu-modumz-4 .menu{margin:0; padding-left: 0px !important;}
ul#menu-modumz-4 a{color: #ffffff !important; font-size: 0.9em !important; text-decoration: none;}
ul#menu-modumz-4 a:hover{font-weight: bold !important; color: #ffd771 !important;}

/* Footerin kustomointia 9.5.2025 */
.mbf-footer__item-inner {padding-top: 0px !important; padding-bottom: 0px !important;}
.footer-widgets-grid {border-top: none !important;}

/* Footerin valikkogridin kustomointia 9.5.2025 */

/* Poistaa vasemman sisennyksen ja täsmää linkit vasempaan laitaan */
footer .menu {padding-left: 0;margin-left: 0; list-style: none;}
footer .menu li {margin-left: 0; padding-left: 0;}

/* KAUPPAAN-menu item aktiivisena */
.mbf-header__nav-inner > li.current-menu-ancestor > a, .mbf-header__nav-inner > li.current-menu-item > a {background-color: #ffd771 !important;}

/* SEARCH-linkin väri headerissa */
.mbf-header__search-toggle .mbf-header__search-label span {color: #fff !important;}

/* CART-linkin väri headerissa */
.mbf-header__cart .mbf-header__cart-label span {color: #fff !important;}

/* Hamburger-menun väri */
.mbf-icon {color: #ffd771 !important;}

/* Sisällön avaamiseen käytettävä nuoli pois näkyvistä */
.wp-block-details summary {display: none !important;}

/* Sivun otsikko piiloon */
.mbf-entry__header .mbf-entry__header-title {display: none;}

/* Sisällön tyylejä */
.nosto {font-size: 150%; line-height: 200%;}
p{line-height: 170%;}

/* WooCommerceen liittyviä tyylejä */
.woocommerce .mbf-single-product div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel--description .woocommerce-product-details__short-description.woocommerce-product-details__short-description {font-size: 1.0em !important; font-family: Nunito !important; font-weight: 300;}
.wc-block-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__input input[type="text"] {color: yellow !important; font-weight: bold !important;}

/* WooCommercen Checkout-lomakkeen kenttien otsikoiden jalkalinjan siirto ylöspäin */
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {top: 0em !important;}

/* WooCommercen Checkout-lomakkeen valintaruutujen muutoksia */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {border: 6px solid rgba(255,215,113,.48) !important; background-color: #ffd771 !important;}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {background: #000 !important;}

/* Etusivun Woocommerce Category pluginin otsikon taustaväripalkin säädöt */
.design-1 .pcdfwoo-product-cat_inner .pcdfwoo_title {background: rgba(255,215,112,0.9); bottom: 30px !important; font-size: 1.2em !important;}

/* Etusivun Woocommerce Category pluginin tuotemääräosoittimen säädöt */
.design-1 .pcdfwoo-product-cat_inner .pcdfwoo_title .pcdfwoo_count {background-color: #000 !important; color: #ffd771 !important; font-size: 0.8em !important; font-weight: bold;}

/* Footerin taustaväri */
.mbf-footer {background-color: #000 !important;
}
/* Footerin valikon itemien väri */
.mbf-footer__nav > li > a {color: #ffffff !important;}

/* Mobiilimenun headerin säädöt */
.mbf-offcanvas__header {background: #000000 !important; padding-left: 15px; padding-right: 15px;} 

/* Ostoskori-labelin säädöt headeria varten */
.mbf-header__cart .mbf-header__cart-label {letter-spacing: 0px !important;}
      
/* Etsi-labelin säädöt headeria varten */
.mbf-header__search-toggle .mbf-header__search-label {letter-spacing: 0px !important;}

@media (max-width: 768px) 
{.footer-widgets-grid {grid-template-columns: repeat(2, 1fr);}
} 

@media (max-width: 640px) 
{.footer-widgets-grid {grid-template-columns: 1fr;}
}

@media (max-width: 480px) {
.mbf-header__logo img {width: 100px !important; height: auto;}		
}