/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ══ Theme Variables (overridden by Customizer in functions.php) ══ */
:root {
    --cqp-primary:    #022345;
    --cqp-primary-80: #033566;
    --cqp-accent:     #A4DFF5;
    --cqp-light-bg:   #E4F1F5;
    --cqp-border:     #d1e7f0;
    --cqp-text:       #1a202c;
    --cqp-muted:      #6b7280;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--cqp-text);
}

/* ── Site Header ─────────────────────────────────────────── */
.site-header {
    background: #fff;
    border-bottom: 1px solid var(--cqp-border);
    box-shadow: 0 2px 10px rgba(2,35,69,.06);
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items {
    font-weight: 500;
    font-size: 0.88rem;
    color: var(--cqp-muted);
    transition: color .15s;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--cqp-primary);
}

/* ── Buttons ─────────────────────────────────────────────── */
.wp-block-button__link,
.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
    border-radius: 6px;
    font-weight: 600;
    font-family: inherit;
    transition: background .15s, color .15s, transform .1s;
}

.wp-block-button__link:hover,
.button:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus {
    background-color: var(--cqp-primary-80);
    color: #fff;
}

/* ── Links ───────────────────────────────────────────────── */
a {
    color: var(--cqp-primary);
    text-decoration: none;
}

a:hover, a:focus {
    color: var(--cqp-primary-80);
    text-decoration: underline;
}

/* ── Forms / Inputs ────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    border: 1px solid var(--cqp-border);
    border-radius: 6px;
    font-family: inherit;
    transition: border-color .15s, box-shadow .15s;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--cqp-primary);
    box-shadow: 0 0 0 2px rgba(2,35,69,.08);
}

/* ── Footer ──────────────────────────────────────────────── */


/* ── Calculator plugin overrides ─────────────────────────── */
.cqp-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.cqp-wrap .cqp-model-btn:hover {
    color: var(--cqp-light-bg) !important;
}

.cqp-wrap .cqp-acc-hd:hover,
.cqp-wrap .cqp-acc-hd:focus {
    background: var(--cqp-light-bg) !important;
}

.cqp-model-btn.cqp-model-active,
.cqp-model-btn.cqp-model-active:focus {
    background: var(--cqp-primary);
    color: #F0F9FF;
}


/* Borrowed from Bootstrap */ 
/* Tutorial: https://youtu.be/HBriBrnRlQE?si=DLiSXEiBHt6lw91l */ 
/* Make sure you only have ONE link inside your card 😅 or this will not work!  */ 

.stretch-link{
	position: relative;
}

.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after{
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus){
	outline: none;
}