/**
 * MEDICAL THEME V3 - Subtle Professional
 */

@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@400;500;600;700&display=swap");

/* Medical colors on body */
html body,
body.index,
body.product,
body.cart {
    font-family: "Roboto Flex", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    background-color: #F5F5F5 !important;
    color: rgba(0,0,0,0.87) !important;
}

/* Primary buttons - medical blue */
.site-button,
button.site-button,
a.site-button,
input[type="submit"],
input[type="button"][name="payments"],
.add-to-cart-btn,
.btn-primary {
    background-color: #0066CC !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
}

.site-button:hover,
button.site-button:hover,
input[type="submit"]:hover {
    background-color: #0052A3 !important;
    background-image: none !important;
}

/* Links */
a,
a:link {
    color: #0066CC !important;
}

a:hover {
    color: #0052A3 !important;
}

/* SUBTLE DISCLAIMER - no yellow box */
.medical-disclaimer {
    background-color: transparent !important;
    border: none !important;
    border-left: 3px solid #0066CC !important;
    padding: 16px 20px !important;
    margin: 24px 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.medical-disclaimer-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0066CC !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.medical-disclaimer-title::before {
    content: "ℹ️ " !important;
    font-size: 16px !important;
    margin-right: 6px !important;
}

.medical-disclaimer-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(0,0,0,0.6) !important;
}

.medical-disclaimer-text strong {
    color: rgba(0,0,0,0.87) !important;
    font-weight: 600 !important;
}

/* Text sizes */
p, div, span, li, td {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Headers */
h1, .product-descr-title {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: rgba(0,0,0,0.87) !important;
    margin-bottom: 16px !important;
}

h2 {
    font-size: 28px !important;
    font-weight: 600 !important;
}

h3, .packages-header {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: rgba(0,0,0,0.87) !important;
}

/* Product prices */
.package-current-price {
    color: #0066CC !important;
    font-weight: 600 !important;
}

/* Clean white cards */
.product-row,
.package-row {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 4px !important;
}

/* Header clean */
#header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

.header-info {
    background-color: #F5F5F5 !important;
}

/* Footer professional */
#footer {
    background-color: #263238 !important;
    color: rgba(255,255,255,0.87) !important;
}

/* Roboto everywhere */
* {
    font-family: "Roboto Flex", "Helvetica Neue", Arial, sans-serif !important;
}