/**
* THIS FILE IS GENERATED AUTOMATICALLY WHEN SAVING CONFIGURE. YOUR DATA WILL BE LOST WHEN YOU EDIT THIS FILE
*/

/**
* Body, text color, background color, background image, font family, font size, font weight
*/

body{
background-color: #FFFFFF;
color: #000000;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;font-size: 17px;
}

/**
* Link, link hover
*/

a,
.alink{
color: #FFFFFF;
}

a:hover,
.alink:hover{
color: #002B3B;
}

/**
* THEME COLOR CUSTOM, BACKUP THIS FILE BEFORE UPDATE SM_THEMECORE MODULE
*/
/**
* $themeColor,
, $textColor, $textOnThemeColor, $linkColor, $linkHoverColor, $linkOnThemeColor, $linkHoverOnThemeColor
*/

/**
* Header mobile
*/

.header-mobile .mobile-top{
background-color: #FFFFFF;
}

.header-mobile .mobile-menu > a span{
background-color: #000000;
}

.minicart-mobile .minicart-wrapper .action.showcart:before{
color: #000000;
}
.background-color-theme{
	background-color: #FFFFFF;
	color: #000000;
}
/**
* Mobile layout
*/

.sticky-bottom .block-bottom .button-sticky-bottom.active,
.sticky-bottom .block-bottom .button-sticky-bottom:hover{
background-color: #FFFFFF;
color: #000000;
}

.myaccount-dropdown .content-dropdown .block-customer-login .actions-toolbar .primary .action{
background-color: #FFFFFF;
color: #000000;
}

.mb-header-device .minicart-wrapper .action.showcart .counter.qty{
background-color: #FFFFFF;
color: #000000;
}

.mb-header-device .block-minicart .block-content > .actions > .primary .action.primary{
background-color: #FFFFFF;
color: #000000;
}

.footer-mobile .footer-top{
background-color: #FFFFFF;
}

.footer-mobile .support-mobile ul li a{
color: #000000;
}

.footer-mobile .support-mobile ul li a:before {
color: #FFFFFF;
}

.mobile-newsletter .action-button button{
background-color: #FFFFFF;
color: #000000;
}

.mobile-newsletter .action-button button:active,
.mobile-newsletter .action-button button:focus,
.mobile-newsletter .action-button button:hover{
background-color: #eeeeee;
}

.footer-mobile .social-footer ul li a:hover{
background-color: #FFFFFF;
color: #000000;
}

.home-mobile .owl-theme .owl-dots .owl-dot.active span,
.home-mobile .owl-theme .owl-dots .owl-dot:hover span{
background-color: #FFFFFF;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{
	background-color: #FFFFFF;
}
.mb-deal-full{
background-color: #FFFFFF;
}

.title-mobile .mb-deal-full .block .block-title strong{
color: #000000;
}

.mb-brand-mobile .item:hover{
border-color: #FFFFFF;
}

/**
* General
*/

.text-theme-color{
color: #FFFFFF;
}

.bundle-actions .action.primary:hover{
background-color: #FFFFFF;
color: #000000;
}

.mega-feature-content ul li a:hover{
color: #002B3B;
}

/**
* Control owl slider
*/

.nav-style-1 .owl-theme .owl-nav [class*="owl-"]:hover{
background-color: #FFFFFF;
color: #000000;
}

.nav-style-2 .owl-theme .owl-nav [class*="owl-"]:hover{
  background-color: #FFFFFF;
  color: #000000;
}

.nav-style-3 .owl-theme .owl-nav [class*="owl-"]:hover{
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #000000;
}
.breadcrumbs-titlepage .breadcrumbs .items a:hover,.breadcrumbs strong,
.breadcrumbs a:hover{
	color: #FFFFFF !important;
}

.cms-index-index .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu >li.home-item > a,
.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu >li.sm_megamenu_actived > a,
.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu>li:hover > a{
	color: #FFFFFF}
.navigation .level0.active>.level-top, 
.navigation .level0.has-active>.level-top, 
.navigation .level0:hover>.level-top,
.cms-index-index .navigation .level0:first-child >a.level-top{
	color: #FFFFFF !important;
}
/**
* Header 1
*/
.header-style-1.header-container .header-setting:hover{
	background-color: #FFFFFF;
}
.header-style-1.header-container .header-setting:hover:before{
	color: #000000;
}
.header-container .header-account:hover:before,
.header-style-2.header-container .header-setting:hover:before,
.header-container  .header-wishlist a span,
.header-container .search-header .btn-search:hover{
	color: #FFFFFF}

.header-container .minicart-wrapper .action.showcart .counter.qty{
	color: #FFFFFF}
.header-container .header-account:hover:before{
	color: #FFFFFF;
}

/**
* Header 2
*/
.header-style-2 .minicart-wrapper .action.showcart .price-minicart{
	color: #FFFFFF}
.header-style-2 .minicart-wrapper:hover .action.showcart{
	border-color: #FFFFFF;
}


/**
* Home page
*/
.slider-show .owl-theme .owl-nav [class*="owl-"]:hover{
	background-color: #FFFFFF;
}
.slider-show .owl-theme .owl-nav [class*="owl-"]:hover:before{
	color: #000000;
}
.slider-show .sphomeslider-description .sphs_textbox .sphs_btn:hover{
	background-color: #eeeeee;
}
.block.block-categories .item:hover .sv-icon{
	background-color: #FFFFFF;
}
.block.list-services ul li:hover .icon-service{
	background-color: #FFFFFF;
}
.block-testimonial .item-client:before{
	color: #FFFFFF;
}
.block-blogs .item .info-post .post-read-more a:hover{
	background-color: #FFFFFF;
	color: #000000;
}
.product-slider-full .deals-countdown .deals-time .num-time{
	background-color: #FFFFFF; 
}
/*HOME 2*/
.products-btn .products-grid .product-item .product-item-info .product-item-details .product-item-actions .actions-primary .tocart:hover,
.products-btn .products-grid .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action:hover{
	background-color: #FFFFFF; 
}
.product-slider-deal .deals-countdown .deals-time .num-time{
	background-color: #FFFFFF; 
}
.categories-list .item .content ul li:last-child a:hover{
	color: #FFFFFF; 
}
.block-newsletter .block-subscribe .newsletter-content .action-button button:hover{
	background-color: #FFFFFF; 
}
.block-social ul li:hover a{
	background-color: #FFFFFF; 
	color: #000000;
}
/**
* Listing
*/


.modes .modes-mode:hover,
.modes .modes-mode.active{
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #000000;
}
#price-slider .ui-slider-handle{
	border-color: #FFFFFF !important;
}
.pages .item:hover,
.pages .current{
background-color: #FFFFFF;
border-color: #FFFFFF;
}

.pages .item a:hover,
.pages .current strong{
color: #000000;
}

.pages .action:hover:before{
color: #000000!important;
}

.sidebar .block .block-title{
color: #000000;
background-color: #FFFFFF;
}

.sidebar .block.filter .filter-options .filter-options-content ol li a:hover{
color: #002B3B;
}

.products-list .product-item-info .product-item-details .product-item-actions .actions-primary .tocart:hover,
.products-list .product-item-info .product-item-details .product-item-actions .actions-secondary .action:hover{
background-color: #FFFFFF;
color: #000000;
}

.product-1-style .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary .action:hover,
.product-1-style .products-grid .product-item-info .product-item-details .product-item-actions .actions-primary .tocart:hover{
background-color: #FFFFFF;
color: #000000;
border-color: #FFFFFF;
}
.product-1-style .products-grid .product-item .product-item-info .quickview-handler:hover{
background-color: #FFFFFF;
color: #000000;
}
.product-2-style .products-grid .product-item-info .product-item-details .actions-primary .tocart:hover{
	background-color: #FFFFFF;
}
.product-2-style .products-grid .product-item-info .image-product .actions-secondary .action:hover{
	color: #FFFFFF;
}

.products-list .product-item-info .image-product .quickview-handler:hover{
background-color: #FFFFFF;
color: #000000;
}
.product-labels .product-label.sale-label{
	background-color: #FFFFFF;
}

/**
* Detail page
*/


.vertical-style .resp-tabs-list li:hover, 
.vertical-style .resp-tabs-list li.active,
.product.data.items.accordion-style .item.title.resp-accordion.active,
.product.data.items.accordion-style .item.title.resp-accordion:hover{
	background-color: #FFFFFF;
}
.vertical-style .resp-tabs-list li:hover, 
.vertical-style .resp-tabs-list li.active,
.product.data.items.accordion-style .item.title.resp-accordion.active,
.product.data.items.accordion-style .item.title.resp-accordion:hover{
color: #000000!important;
}

.fotorama__thumb-border{
border-color: #FFFFFF!important;
}
.fotorama__active .fotorama__dot{
	border-color: #FFFFFF!important;
	background-color: #FFFFFF !important;
}
.gallery-placeholder .fotorama__thumb__arr:hover{
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #000000;
}

.product-info-main .product-social-links .action:hover,
.product-info-main .product-addto-links .action:hover{
background-color: #FFFFFF;
color: #000000!important;
}

.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart{
background-color: #FFFFFF;
color: #000000;
}

.product-info-main .box-tocart .action.tocart:hover,
.product-options-bottom .box-tocart .action.tocart:hover{
background-color: #eeeeee;
}

/**
* Footer 1
*/
.block-footer .block-footer-content ul li a:hover:before{
	background-color: #FFFFFF;
}
.footer-bottom address a {
	color: #FFFFFF;
}

.footer-style-1 .social-footer ul li a:hover{
background-color: #FFFFFF;
color: #000000;
}

.footer-style-1 .newsletter-footer .action-button button{
background-color: #FFFFFF;
color: #000000;
}

.footer-style-1 .newsletter-footer .action-button button:hover{
background-color: #eeeeee;
}

/**
* Footer 2
*/
.footer-style-2 .footer-top{
	background-color: #FFFFFF;
}
.footer-style-2 .social-footer ul li a:hover{
	color: #FFFFFF;
}
/**
* About us
*/

.about-container .our-member .image-content .member-social li a:hover,
.about-container .our-client-say .nav-style-1 .owl-theme .owl-nav [class*="owl-"]:hover,
.about-container .our-member .nav-style-1 .owl-theme .owl-nav [class*="owl-"]:hover{
background-color: #FFFFFF;
color: #000000;
}

/**
* Contact page
*/

.contact-us-info .contact-social li a:hover{
	background-color: #FFFFFF;
	color: #000000;
}

.contact-us-info .info-contact li:before{
color: #FFFFFF;
}
.store-info-contact .item:hover .icon-info-contact, .store-info-contact .item:hover h3{
	color: #FFFFFF;
}
.contact-page .submit.primary:hover{
	background-color: #FFFFFF;
}
/**
* Blog page
*/

.post-content.post-custom .post-description .post-info-blog .post-read-more a:hover{
background-color: #FFFFFF;
color: #000000;
}

.post-content.post-custom .post-description .post-title a:hover{
color: #002B3B;
}
.post-content.post-custom .post-description .post-info-blog .post-posed-date .value{
	color: #FFFFFF;
}

/**
* Elements google font
*/


/**
* Layout
*/

@media (min-width: 1024px) {
    body .container,
    body .page-main{
    max-width: 1650px;
    }

}

/**
* Show add to cart, compare, wishlist product
*/

    .product-item .actions-primary .tocart{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    }

    .product-item .tocompare{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    }

    .product-item .towishlist{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    }

/**
* Listing Layout
*/

@media (min-width: 1921px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 20%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(5n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

}


@media (min-width: 1681px) and (max-width: 1920px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 20%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(5n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}
}

@media (min-width: 1441px) and (max-width: 1680px) {

.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}
}

@media (min-width: 1200px) and (max-width: 1440px) {

.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}
}

@media (max-width: 480px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 100%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 100%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 100%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1){
clear: both;
}
}

@media (max-width: 1023px) {
.header-container {
display: none;
}

.header-mobile {
display: block;
}
}

/**
* Custom CSS
*/

/* ============================================================
   PROJECT: SMozone Magento2 Theme Customization
   AUTHOR: Myrin New / Senior IT Manager / TSMGI
   URL: https://itsupport.tsmgi.info
   PURPOSE: Consolidated, documented layout styles for search bar,
            header, footer, and responsive design.
   ============================================================ */


/* ============================================================
   SECTION 1: SEARCH INPUT FIELD CUSTOM STYLING
   ============================================================ */

/* --- Main Search Field --- */
#search.input-text {
  background-color: #ffeb00 !important;  /* Bright yellow search bar (brand emphasis) */
  color: #000 !important;                /* Black text for sharp contrast */
  border: 2px solid #000;                /* Bold black outline for visibility */
  font-size: 16px;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;             /* Smooth transition for hover/focus */
}

/* --- Placeholder Text --- */
#search.input-text::placeholder {
  color: #333 !important;                /* Muted dark gray placeholder */
  opacity: 0.8;
}

/* --- Focus State --- */
#search.input-text:focus {
  outline: none;
  background-color: #fff700;             /* Slightly lighter yellow when active */
  box-shadow: 0 0 5px #000;              /* Subtle glow on focus */
  border-color: #000;
  color: #000 !important;
}

/* --- Hover Feedback --- */
#search.input-text:hover {
  background-color: #ffef33;             /* Softer yellow hover tone */
}

/* --- Contextual Color Enforcement (header-specific) --- */
.search-header #search.input-text,
.minicart-wrapper #search.input-text,
.header-account #search.input-text {
  color: #000 !important;                /* Override any white font inheritance */
}


/* ============================================================
   SECTION 2: GLOBAL HEADER ELEMENTS
   ============================================================ */

/* --- General Header Text --- */
.search-header,
.minicart-wrapper,
.header-account {
  color: #fff;                           /* Consistent white text across header */
  font-size: 16px;
}

/* --- Search Header Layout --- */
.search-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.search-header .icon-search1 {
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.search-header .icon-search1:hover {
  opacity: 0.7;                          /* Gentle hover feedback */
}

/* --- Search Field (Legacy Style Fallback) --- */
.search-header input#search {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 4px;
}

.search-header input#search::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* --- Search Button --- */
.search-header .action.search {
  background: none;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  padding: 5px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.search-header .action.search:hover {
  background-color: #fff;
  color: #000;                           /* Reverse for visibility */
}


/* ============================================================
   SECTION 3: CART AND ACCOUNT MODULES
   ============================================================ */

/* --- Mini Cart --- */
.minicart-wrapper {
  display: flex;
  align-items: center;
  color: #fff;
}

.minicart-wrapper .action.showcart {
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.minicart-wrapper .action.showcart:hover {
  opacity: 0.8;
}

.minicart-wrapper .counter-number,
.minicart-wrapper .price {
  color: #fff;
  font-weight: 600;
  margin-left: 5px;
}

/* --- Account Links --- */
.header-account ul.header.links {
  list-style: none;
  display: flex;
  gap: 15px;
  margin: 0;
  padding: 0;
}

.header-account ul.header.links li a {
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.header-account ul.header.links li a:hover {
  opacity: 0.7;
}


/* ============================================================
   SECTION 4: HEADER / FOOTER / BRANDING COMPONENTS
   ============================================================ */

/* --- Header Branding --- */
.header {
  background-color: #333;
  padding: 20px;
  text-align: center;
  color: #fff;
  font-family: Arial, sans-serif;
}

.header .name {
  font-size: 24px;
  font-weight: bold;
}

.header .position,
.header .company {
  font-size: 18px;
  font-style: italic;
}

/* --- Footer Links --- */
.footer-links {
  color: #fff;
  text-align: center;
  font-size: 20px !important;
}

.footer-links a {
  margin: 0 10px;
}

.footer-links img {
  width: 20px;
  height: 20px;
}


/* ============================================================
   SECTION 5: BUTTONS AND INTERACTIVE ELEMENTS
   ============================================================ */

.shop-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 25px;
  box-shadow: 0 9px #999;
  text-decoration: none;
  transition: all 0.2s ease;
}

.shop-button:hover {
  background-color: #ffc429;
  color: #fff;
}

.shop-button:active {
  background-color: #e7e7e7;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


/* ============================================================
   SECTION 6: PRODUCT DISPLAY AND TYPOGRAPHY
   ============================================================ */

.product-item-info a,
.product-item-info span {
  color: #000;
}

.value[itemprop="description"],
.product.attribute.description .value,
li.data.item.title.active {
  font-size: 16px;
}

.product.attribute.sku,
.product-info-stock-sku {
  color: #FFC429 !important;             /* Highlight SKU in yellow */
}

.product.attribute.sku .type,
.product.attribute.sku .value {
  font-size: 14px;
}

.stock.available span {
  font-size: 14px;
  color: #FFC429;
}


/* ============================================================
   SECTION 7: NAVIGATION AND MENU STYLING
   ============================================================ */

/* --- Desktop Navigation --- */
.navigation .level0 > a.level-top {
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 20px !important;
  text-transform: capitalize !important;
  height: 60px !important;
  line-height: 60px !important;
  font-weight: 500 !important;
  transition: 0.1s !important;
}

.desktop-menu .navigation .level0 > a {
  color: white !important;
  font-size: 18px !important;
}

.desktop-menu .navigation .level0 ul {
  background-color: #fff !important;
}

.desktop-menu .navigation .level0 ul li a {
  color: #000 !important;
  font-size: 18px !important;
}

.desktop-menu .navigation .level0 ul li a:hover {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}


/* ============================================================
   SECTION 8: LAYOUT VISIBILITY & PAGE ELEMENT OVERRIDES
   ============================================================ */

.block-discount,
.payment-option._collapsible-block,
.form.form-discount,
.note-msg,
.header-wishlist.link.wishlist,
#setting-mobile-tab,
.header-setting {
  display: none !important;              /* Hide unnecessary frontend clutter */
}

h1.page-title {
  color: #000;
}

.video-container {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
}


/* ============================================================
   SECTION 9: MOBILE RESPONSIVE STYLING
   ============================================================ */

@media (max-width: 768px) {
  .search-header,
  .minicart-wrapper,
  .header-account {
    font-size: 14px;                     /* Shrink typography for compact layout */
  }
}

#btn-nav-mobile span {
  background-color: #fff;
}

#navigation-mobile .level-top span {
  color: #000 !important;
  line-height: 10px !important;
}

.level0.nav-1.first.active.level-top a,
.level0.submenu a {
  color: #000 !important;
}

/* --- Pricing --- */
.old-price .price,
#old-price-61925 .price {
  color: red;                            /* Emphasize sale pricing */
}

/*
Fix: Header Account Dropdown Link Visibility

Issue:
Dropdown links inside the customer account menu were inheriting the
global header link color (#fff), causing white text to appear on the
dropdown's white background and making the links unreadable.

Solution:
Override the inherited header link color specifically for the
dropdown menu links within the header-account container.

Result:
- Default dropdown link color set to dark gray (#222) for readability.
- Hover state uses Magento's standard accent color (#1979c3) for
  consistent UI behavior.

Scope:
Targets only the account dropdown links and does not affect
main header navigation links.

Author: TSMGI / MyNew Technologies
*/

.header-account .drop-account ul.header.links li a {
    color: #222;
}

.header-account .drop-account ul.header.links li a:hover {
    color: #1979c3;
}



/* ============================================================
   SECTION 10: UTILITY AND BRANDING NOTES
   ============================================================ */

/*
------------------------------------------------------------
BRAND SIGNATURE
Author: Myrin New / TSMGI
Source: https://itsupport.tsmgi.info
LinkedIn: https://www.linkedin.com/in/myrin-new/
------------------------------------------------------------
*/