/* /themes/classic_green_child/assets/css/custom.css */
/* ff0000 red
/* --- General Page Styling --- */
body {
    background-color: #f9fbff; /* #fdf5e8 A very light grey or white for the main page background */
    color: #000000; /* #080403 Default text color Raven */
}

p {
  color: #141821;
}

ul li {
    color: #141821;
}

/* --- Header Styling --- */
#header .header-nav {
    background-color: #80ef80; /* #06402B Darker green for the top bar */
}
#header .header-nav .nav-item a,
#header .header-nav .user-info a,
#header .header-nav .language-selector-wrapper .language-selector a,
#header .header-nav .currency-selector a {
    color: #000000; /* text for links in the top bar */
}
#header .header-nav .nav-item a:hover,
#header .header-nav .user-info a:hover,
#header .header-nav .language-selector-wrapper .language-selector a:hover,
#header .header-nav .currency-selector a:hover {
    color: #c0f0c0; /* #e6ffe6 Lighter green for hover on top bar links */
}

#header .header-nav .container .row {
    color: #000000;
}

#header .header-top {
    background-color: #d8f0d8; /* #33cc33 Primary vivid green for the main header area */
    /* You might need to adjust colors for search bar, logo text if it's part of the bg */
    color: #000000;
}

/* --- Shopping Cart Icon Color --- */
#_desktop_cart .cart-products-count {
/*    background-color: #000000; /* Darker green for the cart count bubble */
    color: #ffffff; /* White text for the count */
}

/* The cart icon itself (font icon) */
#_desktop_cart .blockcart .header a i.material-icons {
    color: #000000; /* Darker green for the cart icon - adjust if your main header bg makes this hard to see */
}
/* If the header-top background is a dark green, you might want a white icon: */
/*
#header .header-top #_desktop_cart .blockcart .header a i.material-icons {
    color: #ffffff;
}
*/


/* --- Link Colors (General & Other Pages) --- */
a {
    color: #355e3b; /* #28a745 Darker green for standard links */
}
a:hover {
    color: #24b9d7; /* Primary vivid green for link hover */
    text-decoration: underline;
}

/* More specific link styling for product names, etc. */
.product-title a, .product-name {
    color: #355e3b; /* #28a745 */
}
.product-title a:hover, .product-name:hover {
    color: #24b9d7; /* #33cc33 */
}

/* --- Button Colors --- */
.btn-primary {
    background-color: #355e3b;
    border-color: #000000;
    color: #ffffff; /* White text on green button */
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #28a745; /* Darker green on hover/focus */
    border-color: #1e7e34; /* Even darker border for depth */
    color: #ffffff;
}

/* Example for secondary/other buttons if needed */
/*
.btn-secondary {
    background-color: #e6ffe6;
    border-color: #b3ffb3;
    color: #28a745;
}
.btn-secondary:hover {
    background-color: #b3ffb3;
    border-color: #99ff99;
    color: #28a745;
}
*/

#footer .container .row .block-social .facebook {
    background-color: #1877f2; /* logo Facebook */
}

#footer .container .row .block-social .facebook:hover {
    background-color: #6177f2; /* logo Facebook */
}

/* --- Footer Styling --- */
#footer .footer-container {
    background-color: #80ef80; /* #333333 Dark grey for footer background */
    color: #000000; /* #f0f0f0 Light text color for footer */
}
#footer a {
    color: #000000; /* #90ee90 Lighter green for links in the footer */
}
#footer a:hover {
    color: #ff0000; /* White for footer link hover */
    text-decoration: underline;
}

#footer .footer-container .row .block-contact {
    color: #000000; /* Dark Red */
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000000; /* #28a745 Darker green for headings */
}

/* --- Example: Product Price Color --- */
.product-price-and-shipping .price {
    color: #355e3b; /* Primary vivid green for price */
    font-weight: bold;
}