/*
 Theme Name:   Aroma Wellness
 Theme URI:    https://aromawellness.net
 Description:  Aroma Wellness brand child theme for Twenty Twenty-Four
 Author:       Aroma Wellness, LLC
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain:  aromawellness-child
*/

/* ===================================================
   AROMA WELLNESS BRAND STYLES
   Primary color: #00b39f (teal)
   Font: Verdana, Geneva, sans-serif
   =================================================== */

/* --- Body & Base --- */
body {
    background-image: url('/wp-content/uploads/2014/09/ferns_backgroundNEW31-1.jpg');
    background-repeat: repeat-x;
    background-position: center top;
    background-attachment: fixed;
    background-color: #f5f5f5;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 13px;
    color: #000000;
}

/* --- Links --- */
a { color: #00b39f; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

/* --- Headings --- */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
    font-family: Verdana, Geneva, sans-serif !important;
    color: #00b39f;
}
h1, .wp-block-post-title { font-size: 2.3em; }
h2 { font-size: 1.6em; }
h3, h4, h5, h6 { font-size: 1.2em; }

/* --- Site Title & Tagline --- */
.wp-block-site-title a,
.wp-block-site-title {
    color: #00b39f !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 2.3em;
}
.wp-block-site-tagline {
    color: #00b39f;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif !important;
}

/* --- Header --- */
header,
.wp-block-template-part.header,
[class*="wp-block-template-part"] > header {
    background-color: rgba(0, 179, 159, 0.6);
}

/* --- Navigation --- */
.wp-block-navigation,
.wp-block-navigation__container,
nav.wp-block-navigation {
    background-color: rgba(0, 179, 159, 0.6);
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 15px;
}
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
    color: #ffffff !important;
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif !important;
}
.wp-block-navigation a:hover {
    color: #000000 !important;
    text-decoration: none;
}
/* Dropdown menus */
.wp-block-navigation .wp-block-navigation__submenu-container {
    background-color: rgba(0, 179, 159, 0.9);
}

/* --- Buttons & Add to Cart --- */
.wp-block-button__link,
.wp-element-button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
input[type="submit"],
button[type="submit"] {
    background-color: #00b39f !important;
    color: #ffffff !important;
    border: none !important;
    font-family: Verdana, Geneva, sans-serif !important;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}
.wp-block-button__link:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: #009080 !important;
    color: #ffffff !important;
}

/* --- WooCommerce Product Listings --- */
.woocommerce ul.products li.product,
.products .product {
    font-family: Verdana, Geneva, sans-serif;
    min-height: 230px;
}
.woocommerce-loop-product__title,
.woocommerce-loop-category__title {
    color: #00b39f !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 15px !important;
}
.woocommerce-Price-amount,
.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #00b39f !important;
    font-family: Verdana, Geneva, sans-serif;
}
.woocommerce span.onsale,
.onsale {
    background-color: #00b39f !important;
    color: #ffffff !important;
}
.woocommerce .star-rating span::before {
    color: #00b39f;
}

/* --- Product Title (single product) --- */
.product_title.entry-title,
.woocommerce div.product .product_title {
    color: #00b39f !important;
}

/* --- Category headings --- */
.woocommerce-products-header__title,
.woocommerce-products-header h1 {
    color: #00b39f;
}

/* --- Breadcrumbs --- */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: #00b39f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
}

/* --- Sidebar / Widgets --- */
.widget,
.wp-block-widget-area .widget,
aside .widget {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    font-family: Verdana, Geneva, sans-serif;
}
.widget-title,
.widgettitle {
    color: #00b39f;
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif;
}

/* --- Footer --- */
footer,
.wp-block-template-part.footer,
.site-footer,
#colophon {
    background-color: rgba(0, 179, 159, 0.6) !important;
    color: #ffffff;
    font-family: Verdana, Geneva, sans-serif;
}
footer a,
.site-footer a {
    color: #ffffff;
}
footer a:hover,
.site-footer a:hover {
    color: #000000;
}
footer p,
.site-footer p {
    color: #ffffff;
    font-family: Verdana, Geneva, sans-serif;
}

/* --- Post Meta --- */
.entry-meta,
.post-date,
.byline,
.cat-links,
.posted-on,
.comments-link,
.wp-block-post-date,
.wp-block-post-author {
    color: #999999;
    font-size: 13px;
    font-weight: 300;
    font-family: Verdana, Geneva, sans-serif;
}

/* --- Search Bar --- */
.wp-block-search__button,
.search-submit,
input[type="search"]:focus {
    border-color: #00b39f;
}
.wp-block-search__button {
    background-color: #00b39f;
    color: #ffffff;
}

/* --- Content Area --- */
.entry-content,
.wp-block-post-content,
.site-content,
.wp-site-blocks {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
}
ol, ul {
    list-style: outside disc;
}
p {
    font-family: Verdana, Geneva, sans-serif;
}

/* --- MetaSlider --- */
.metaslider,
.metaslider-container,
#metaslider_container {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 20px;
}
.metaslider .flexslider {
    border: none !important;
    box-shadow: none !important;
}

/* --- Product Category Slider (homepage) --- */
.woocommerce-product-category,
.product-category a {
    color: #00b39f;
}

/* --- Forms --- */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    font-family: Verdana, Geneva, sans-serif;
    border-color: #cccccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #00b39f;
    outline: none;
    box-shadow: 0 0 3px rgba(0, 179, 159, 0.4);
}

/* --- Tabs (product page) --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #00b39f;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-top: 3px solid #00b39f;
}

/* --- HR divider --- */
hr {
    border-color: #00b39f;
    opacity: 0.3;
}

/* --- Block-level containers --- */
.wp-block-group,
.wp-block-cover,
.wp-block-columns {
    font-family: Verdana, Geneva, sans-serif;
}

/* --- Responsive fixes --- */
@media (max-width: 768px) {
    body { font-size: 14px; }
    .wp-block-navigation,
    nav.wp-block-navigation {
        background-color: rgba(0, 179, 159, 0.6);
    }
    .metaslider { margin-bottom: 15px; }
}

/* ===================================================
   LOGO SIZING
   Logo is 400 x 31px (wide horizontal banner)
   =================================================== */

/* Header logo — full size */
.wp-block-site-logo img.custom-logo,
.wp-block-site-logo.is-default-size img,
.wp-block-site-logo img {
    width: 300px !important;
    height: auto !important;
    max-width: 300px !important;
}

/* Header logo container */
.wp-block-site-logo {
    display: inline-block;
    line-height: 0;
}

/* Footer logo — slightly smaller */
footer .wp-block-site-logo img.custom-logo,
.site-footer .wp-block-site-logo img,
footer .wp-block-site-logo img {
    width: 200px !important;
    height: auto !important;
    max-width: 200px !important;
}

/* Ensure logo links dont have underline Aromawellness Project/ catalystai/ gi-cancer-genetics/

/* ===================================================
   LOGO SIZING
   Logo is 400 x 31px (wide horizontal banner)
   =================================================== */

/* Header logo - display at proper size */
.wp-block-site-logo img.custom-logo,
.wp-block-site-logo.is-default-size img,
.wp-block-site-logo img {
    width: 300px !important;
    height: auto !important;
    max-width: 300px !important;
}

.wp-block-site-logo {
    display: inline-block;
    line-height: 0;
}

/* Footer logo - slightly smaller */
footer .wp-block-site-logo img,
.site-footer .wp-block-site-logo img {
    width: 200px !important;
    height: auto !important;
    max-width: 200px !important;
}

/* Logo links - no underline */
.wp-block-site-logo a,
.custom-logo-link {
    text-decoration: none !important;
    border: none !important;
}

/* Site title text */
.wp-block-site-title a {
    color: #00b39f !important;
    text-decoration: none !important;
    font-family: Verdana, Geneva, sans-serif !important;
}

/* ===================================================
   METASLIDER ENHANCEMENTS
   =================================================== */

/* Slider image responsive sizing */
.metaslider .flexslider .slides img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Slider navigation dots */
.metaslider .flex-control-paging li a {
    background: rgba(0, 179, 159, 0.4);
}

.metaslider .flex-control-paging li a.flex-active {
    background: #00b39f;
}

/* Slider prev/next arrows */
.metaslider .flex-direction-nav a {
    color: #00b39f;
}