/*
Theme Name:   PrintedHiVisVests
Theme URI:    https://printedhivisvests.ie
Description:  Child theme of Twenty Twenty-Five carrying the PrintedHiVisVests design system. All colour, type and spacing tokens live in theme.json.
Author:       Textile Print and Embroidery Ltd.
Template:     twentytwentyfive
Version:      1.1.0
License:      GPL-2.0-or-later
Text Domain:  phvv
*/

/* The tape band divider. Add a Separator block and give it the
   class "is-style-tape" from the block Advanced panel. */
.wp-block-separator.is-style-tape{
	border:0;height:15px;position:relative;opacity:1;max-width:none;width:100%;
}
.wp-block-separator.is-style-tape::before,
.wp-block-separator.is-style-tape::after{
	content:'';position:absolute;left:0;width:100%;height:3px;
	background:var(--wp--preset--color--tape);
}
.wp-block-separator.is-style-tape::before{top:0}
.wp-block-separator.is-style-tape::after{bottom:0}

/* Eyebrow label. Add class "eyebrow" to any paragraph. */
.eyebrow{
	font-family:var(--wp--preset--font-family--data);
	font-size:var(--wp--preset--font-size--tag);
	font-weight:500;letter-spacing:.16em;text-transform:uppercase;
	color:rgba(17,19,17,.6);display:flex;align-items:center;gap:10px;
}
.eyebrow::before{content:'';width:26px;height:2px;background:var(--wp--preset--color--ink)}

/* Visible keyboard focus everywhere. Non negotiable. */
:where(a,button,input,select,textarea,summary):focus-visible{
	outline:3px solid var(--wp--preset--color--orange);outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
}

/* Spec panel table */
.phvv-spec table{border-collapse:collapse;width:100%}
.phvv-spec td{
	font-family:var(--wp--preset--font-family--data);
	font-size:var(--wp--preset--font-size--small);
	padding:11px 18px;border-bottom:1px solid var(--wp--preset--color--tape);
}
.phvv-spec tr:last-child td{border-bottom:0}
.phvv-spec td:first-child{
	text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;
	color:rgba(17,19,17,.6);width:38%;
}
.phvv-spec td:last-child{text-align:right;font-weight:600}

/* FAQ accordion */
.phvv-faq .wp-block-details{border-bottom:1px solid var(--wp--preset--color--tape);padding:0}
.phvv-faq .wp-block-details summary{
	cursor:pointer;padding:16px 0;list-style:none;
	font-family:var(--wp--preset--font-family--display);
	font-size:var(--wp--preset--font-size--h3);
	font-weight:700;text-transform:uppercase;line-height:1.1;
	display:flex;justify-content:space-between;gap:16px;align-items:baseline;
}
.phvv-faq .wp-block-details summary::-webkit-details-marker{display:none}
.phvv-faq .wp-block-details summary::after{
	content:'+';font-family:var(--wp--preset--font-family--data);
	font-size:1.2rem;color:rgba(17,19,17,.4);flex:0 0 auto;
}
.phvv-faq .wp-block-details[open] summary::after{content:'\2013'}
.phvv-faq .wp-block-details p{padding-bottom:18px;color:rgba(17,19,17,.6);max-width:62ch}