/*
Theme Name: Soliz Healthcare Solutions
Template: ams-atlas
Author: Atlas Marketing Solutions
Description: Brand child theme for Soliz Healthcare Solutions. Colors, fonts and element styles are in theme.json; brand CSS and the client's custom sections are styled here.
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 8.1
License: Proprietary
Text Domain: soliz-healthcare
*/

/* Brand CSS for Soliz Healthcare Solutions. Prefix custom classes with "soliz-healthcare-". */

/* ==========================================================================
   Soliz Healthcare Solutions brand CSS
   Colors, fonts and button shapes are in theme.json. This file holds what
   theme.json can't express. Brand Foundations Sheet is the authority.
   ========================================================================== */

/* Navy header. The supplied logo is white, so the header has to be dark. */
.atlas-header-main {
	--atlas-focus: var(--wp--preset--color--accent);
	background-color: var(--wp--preset--color--primary) !important;
	border-bottom-color: rgb(255 255 255 / .12) !important;
	color: var(--wp--preset--color--primary-contrast);
}

.atlas-header-main .wp-block-site-title a,
.atlas-header-main .wp-block-navigation a {
	color: var(--wp--preset--color--primary-contrast);
}

.atlas-header-main .wp-block-navigation a:hover {
	color: var(--wp--preset--color--accent);
}

/* Top bar: deep navy above the navy header, gold phone number. */
.atlas-topbar {
	background-color: var(--wp--preset--color--contrast) !important;
	letter-spacing: .02em;
}

.atlas-topbar a {
	color: var(--wp--preset--color--accent);
}

/* The menu's open dropdown sits on white, so its links need the dark text back. */
.atlas-header-main .wp-block-navigation__submenu-container a {
	color: var(--wp--preset--color--contrast);
}

/* Logo: a little larger than default, and never smaller than legible. */
.atlas-header-main {
	--atlas-logo-height: 3.25rem;
	--atlas-logo-height-mobile: 2.6rem;
}

/* Editorial secondary button: square, text-link style with a gold underline. */
.wp-block-button.is-style-outline .wp-block-button__link {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--accent);
	border-radius: 0;
	padding-inline: 0;
	padding-block: .5rem;
	background: none;
	color: inherit;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-bottom-width: 2px;
	color: var(--wp--preset--color--accent);
	filter: none;
}

/* Eyebrows: gold, spaced, editorial. */
.atlas-eyebrow {
	color: var(--wp--preset--color--accent) !important;
	letter-spacing: .14em;
}

/* Airy, editorial sections: square corners, no decorative shadows. */
:root {
	--atlas-shadow: none;
}

.is-style-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--medium);
	box-shadow: none;
}

.wp-block-image img,
.atlas-placeholder img {
	border-radius: var(--wp--custom--radius--small) !important;
}

/* Headings: generous display sizes, tight tracking. */
h1 {
	line-height: 1.05;
}

/* Gold checkmarks read better as navy ticks on gold in this palette, which is
   what the theme does by default (accent circle, accent-contrast tick). */