/* NOTE on the tripled .gc-hub / .gc-drink selectors:
   Hestia's style.css carries  .single-post .blog-post .section-text h1..h6, p { margin:0 0 15px }
   at specificity 0,3,1, which beat the single-class scoping used here and flattened
   every heading and paragraph margin (h2 lost its 46px top spacing, the FAQ answers
   picked up a stray bottom margin). Repeating the scope class lifts every rule in this
   file above it without changing what it matches. */

/* goodcoffee.dk — hub- og kaffetypesider.
   Scoped by wrapper class (.gc-hub.gc-hub.gc-hub / .gc-drink.gc-drink.gc-drink), så de virker på enhver side der bruger dem. */

.gc-hub.gc-hub.gc-hub,
.gc-drink.gc-drink.gc-drink{
	--band:#F7F2EB; --band2:#F2E9DE; --ink:#241B14; --ink2:#635547;
	--line:#E6DDD2; --acc:#A9482A;
	--serif:"Source Serif 4",Georgia,serif;
	--sans:"Source Sans 3",-apple-system,"Segoe UI",sans-serif;
	font-family:var(--sans);
	color:var(--ink);
	font-size:17px;
	line-height:1.7;
	max-width:840px;
	margin:0 auto;
	padding:8px 0 56px;
}

.gc-hub.gc-hub.gc-hub h1,.gc-hub.gc-hub.gc-hub h2,.gc-hub.gc-hub.gc-hub h3,
.gc-drink.gc-drink.gc-drink h1,.gc-drink.gc-drink.gc-drink h2,.gc-drink.gc-drink.gc-drink h3{
	font-family:var(--serif);font-weight:700;color:var(--ink);letter-spacing:-.005em;
}
.gc-hub.gc-hub.gc-hub h1,.gc-drink.gc-drink.gc-drink h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 18px}
.gc-hub.gc-hub.gc-hub h2,.gc-drink.gc-drink.gc-drink h2{
	font-size:clamp(22px,2.8vw,29px);line-height:1.2;
	margin:46px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--ink);
}
.gc-hub.gc-hub.gc-hub h3,.gc-drink.gc-drink.gc-drink h3{font-size:20px;margin:0 0 7px;line-height:1.25}
.gc-hub.gc-hub.gc-hub p,.gc-drink.gc-drink.gc-drink p{margin:0 0 16px}
.gc-hub.gc-hub.gc-hub a,.gc-drink.gc-drink.gc-drink a{color:var(--acc);text-decoration:none;font-weight:600}
.gc-hub.gc-hub.gc-hub a:hover,.gc-drink.gc-drink.gc-drink a:hover{text-decoration:underline}

.gc-hub.gc-hub.gc-hub .gc-lede{font-size:19px;color:var(--ink2);line-height:1.62;margin:0 0 10px;max-width:62ch}
.gc-drink.gc-drink.gc-drink .gc-intro{font-size:19px;line-height:1.62}
.gc-drink.gc-drink.gc-drink .gc-tech{color:var(--ink2);border-left:3px solid var(--acc);padding:2px 0 2px 18px;font-size:16px}

/* ---------- kortgitter ---------- */
.gc-cards{gap:22px !important;margin-bottom:22px}
.gc-cards .wp-block-column{
	background:#fff;border:1px solid var(--line);border-radius:8px;
	overflow:hidden;padding:0 0 18px;position:relative;
}
.gc-cards .wp-block-column:hover{border-color:var(--acc)}
.gc-cards figure{margin:0 0 14px}
.gc-cards .gc-kop--kompakt{margin:0 0 14px}
.gc-cards img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.gc-cards h3{margin:0 18px 7px;font-size:19px}
.gc-cards h3 a{color:var(--ink)}
.gc-cards h3 a::after{content:"";position:absolute;inset:0}
.gc-cards p{margin:0 18px;font-size:14.5px;color:var(--ink2);line-height:1.55}

/* ---------- kort fortalt (billede + fakta) ---------- */
.gc-fact{gap:30px !important;align-items:flex-start;margin:26px 0 8px}
.gc-fact .wp-block-column:first-child{flex-basis:48% !important;flex-grow:0;min-width:0}
.gc-fact .wp-block-column:last-child{min-width:0}
.gc-fact figure{margin:0}
.gc-fact img{width:100%;border-radius:8px;display:block}
.gc-fact h2{margin-top:0}

.gc-facts table{width:100%;border-collapse:collapse;font-size:15.5px}
.gc-facts thead{display:none}
.gc-facts td{padding:9px 0;border:0;border-bottom:1px solid var(--line);vertical-align:top}
.gc-facts td:first-child{width:38%;color:var(--ink2);font-weight:400}
.gc-facts td:first-child strong{font-weight:600;color:var(--ink)}
.gc-facts tr:last-child td{border-bottom:0}

/* ---------- sammenligningstabel ---------- */
.gc-cmp2{margin:0 0 8px}
.gc-cmp2 table{width:100%;border-collapse:collapse;font-size:15.5px;background:#fff}
.gc-cmp2 th{
	background:var(--band2);text-align:left;border:0;
	font-size:12px;letter-spacing:.09em;text-transform:uppercase;
	color:#7A6959;font-weight:700;padding:11px 14px;
}
.gc-cmp2 td{padding:13px 14px;border:0;border-top:1px solid var(--line)}
.gc-cmp2 tr:nth-child(even) td{background:#FDFBF8}

/* ---------- trin ---------- */
.gc-hub.gc-hub.gc-hub ol,.gc-drink.gc-drink.gc-drink ol{padding-left:22px;margin:0 0 18px}
.gc-hub.gc-hub.gc-hub ol li,.gc-drink.gc-drink.gc-drink ol li{margin-bottom:10px;padding-left:4px}

/* ---------- accordion ---------- */
.gc-hub.gc-hub.gc-hub .gc-q,
.gc-drink.gc-drink.gc-drink .gc-q{
	background:#fff;border:1px solid var(--line);border-radius:8px;margin:0 0 12px;
}
.gc-hub.gc-hub.gc-hub .gc-q summary,
.gc-drink.gc-drink.gc-drink .gc-q summary{
	cursor:pointer;list-style:none;padding:15px 18px;
	font-family:var(--serif);font-weight:700;font-size:16.5px;color:var(--ink);
}
.gc-hub.gc-hub.gc-hub .gc-q summary::-webkit-details-marker,
.gc-drink.gc-drink.gc-drink .gc-q summary::-webkit-details-marker{display:none}
.gc-hub.gc-hub.gc-hub .gc-q summary::after,
.gc-drink.gc-drink.gc-drink .gc-q summary::after{content:"+";float:right;color:var(--acc);font-size:22px;line-height:1}
.gc-hub.gc-hub.gc-hub .gc-q[open] summary::after,
.gc-drink.gc-drink.gc-drink .gc-q[open] summary::after{content:"\2013"}
.gc-hub.gc-hub.gc-hub .gc-q p,
.gc-drink.gc-drink.gc-drink .gc-q p{padding:0 18px 16px;margin:0;font-size:15.5px;color:var(--ink2);line-height:1.66}

/* ---------- læs også ---------- */
.gc-also{gap:10px !important}
.gc-also .wp-block-button__link{
	background:#fff;border:1px solid var(--line);color:var(--ink);
	font-family:var(--sans);font-weight:600;font-size:15px;
	padding:11px 20px;border-radius:6px;box-shadow:none;
	text-transform:none;letter-spacing:0;
}
.gc-also .wp-block-button__link:hover{border-color:var(--acc);color:var(--acc);text-decoration:none}

@media(max-width:781px){
	.gc-cards .wp-block-column{flex-basis:100% !important}
	.gc-fact .wp-block-column:first-child{flex-basis:100% !important}
	.gc-cmp2{overflow-x:auto}
	.gc-cmp2 table{min-width:560px}
}
