/* ===== HYL — electric blue x vermilion ===== */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root{
--hyl-blue:#1B6FC0; --hyl-blue-dark:#0C3568; --hyl-verm:#E24A17; --hyl-amber:#E8891E;
--hyl-bg:#F4F3F1; --hyl-ink:#16181C; --hyl-muted:#7A808A; --hyl-line:#EFEDEA;
--hyl-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.06);
--hyl-serif:'Newsreader','Iowan Old Style',Georgia,serif;
--hyl-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;
}

body{background:var(--hyl-bg);color:var(--hyl-ink);font-family:var(--hyl-sans);}
h1,h2,h3,h4,h5,h6,.wp-block-post-title,.wp-block-site-title,.wp-block-site-title a{font-family:var(--hyl-serif);font-weight:500;letter-spacing:-.015em;line-height:1.12;}
a{color:var(--hyl-blue);} a:hover{color:#14548F;}

/* pills */
.wp-block-button__link,.wc-block-components-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,button.single_add_to_cart_button{border-radius:999px !important;font-family:var(--hyl-sans);font-weight:600;padding:14px 26px;}
.wp-block-button__link{background:var(--hyl-verm);color:#fff;}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:1px solid #D9D6D1;color:var(--hyl-ink);}
.hyl-btn-blue .wp-block-button__link{background:#EAF1F9;color:#14548F;}
.hyl-btn-ink .wp-block-button__link{background:var(--hyl-ink);color:#fff;}
.hyl-btn-ghost .wp-block-button__link{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);}

/* label */
.hyl-label{font-size:.72rem !important;letter-spacing:.11em;text-transform:uppercase;color:var(--hyl-muted);font-weight:600;font-family:var(--hyl-sans);}

/* hero + panels */
.hyl-hero{border-radius:22px;color:#fff;background-image:radial-gradient(120% 150% at 88% 12%,rgba(226,74,23,.42) 0%,rgba(226,74,23,0) 46%),radial-gradient(90% 120% at 12% 88%,rgba(93,168,232,.42) 0%,rgba(93,168,232,0) 55%),linear-gradient(146deg,#2B72B8 0%,#124B8B 52%,#0C3568 100%);}
.hyl-panel{border-radius:18px;color:#fff;background-image:linear-gradient(150deg,#17538F 0%,#0C3568 100%);}
.hyl-hero h1,.hyl-hero h2,.hyl-hero h3,.hyl-panel h1,.hyl-panel h2,.hyl-panel h3{color:#fff;}
.hyl-hero p,.hyl-panel p{color:#CFE0F2;}
.hyl-hero .hyl-label,.hyl-panel .hyl-label{color:#A9C9EA !important;}

/* cards */
.hyl-card{background:#fff;border-radius:18px;box-shadow:var(--hyl-shadow);}
.hyl-stat{border-top:3px solid var(--hyl-blue);}
.hyl-stat.is-verm{border-top-color:var(--hyl-verm);}
.hyl-stat.is-amber{border-top-color:var(--hyl-amber);}

/* protocol rows */
.hyl-rows{background:#fff;border-radius:18px;box-shadow:var(--hyl-shadow);overflow:hidden;}
.hyl-rows>.wp-block-group{border-bottom:1px solid var(--hyl-line);}
.hyl-rows>.wp-block-group:last-child{border-bottom:0;}
.hyl-num{width:38px;height:38px;border-radius:999px;background:#EAF1F9;color:#14548F;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex:0 0 38px;}
.hyl-num.is-first{background:var(--hyl-blue);color:#fff;}
.hyl-num.is-last{background:#FBE7DF;color:#C13E12;}

/* woo */
.woocommerce ul.products li.product,.wc-block-grid__product,.wp-block-woocommerce-product-template li{background:#fff;border-radius:18px;box-shadow:var(--hyl-shadow);padding:18px;}
.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:var(--hyl-ink);font-weight:700;}

/* posts */
.wp-block-post-template li.wp-block-post{background:#fff;border-radius:18px;box-shadow:var(--hyl-shadow);padding:22px;}

/* forms */
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],textarea,select{border-radius:12px !important;border:1px solid #E1DEDA !important;background:#fff;}

/* --- layout fixes --- */
.hyl-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--hyl-ink);}
.hyl-logo span{font-family:var(--hyl-serif);font-size:26px;font-weight:600;letter-spacing:-.01em;line-height:1;}
.hyl-logo:hover{color:var(--hyl-ink);}
.hyl-header .wp-block-navigation a{color:#3C424A;text-decoration:none;}
.hyl-header .wp-block-navigation a:hover{color:var(--hyl-blue);}
.hyl-header{border-bottom:1px solid #EFEDEA;}
body.home .wp-block-post-title{display:none;}
.hyl-hero>.wp-block-heading,.hyl-hero>p:not(.hyl-label){max-width:640px;}
.hyl-rows .wp-block-group>.wp-block-group{flex:1 1 auto;min-width:0;}
.hyl-rows .wp-block-group p{margin:0;}
.hyl-card>p:last-child,.hyl-panel>p:last-child{margin-bottom:0;}
.hyl-panel .wp-block-button__link{background:var(--hyl-verm);color:#fff;}
.wp-block-columns{gap:16px;}
@media(max-width:600px){.hyl-num{display:none;}}

@media(max-width:640px){
.hyl-rows .wp-block-group{flex-wrap:wrap;}
.hyl-rows .wp-block-group>.wp-block-group{flex:1 1 100%;}
.hyl-rows .wp-block-group>p{width:100%;}
.hyl-hero h1{font-size:30px !important;}
}

/* floating quiz button */
.hyl-fab{position:fixed;right:22px;bottom:22px;z-index:999;display:inline-flex;align-items:center;gap:9px;background:#E24A17;color:#fff !important;border-radius:999px;padding:14px 22px;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 8px 26px rgba(226,74,23,.38);font-family:var(--hyl-sans);}
.hyl-fab:hover{background:#C13E12;color:#fff !important;}
.hyl-fab svg{flex:0 0 18px;}
@media(max-width:640px){.hyl-fab{right:14px;bottom:14px;padding:13px 18px;font-size:14px;}}
