/*
Theme Name: HP Studier (Divi-barntema)
Template: Divi
Version: 1.0.1
Description: Barntema för HP Studier. Design hanteras i Divi 5 (global palett, Design Variables, presets).
Text Domain: divi-child
*/

/* HP Studier: betalknappen i kassan i full bredd (WooCommerce floatar den höger, Divi saknar inställning). */
.et_pb_wc_checkout_payment_info #payment #place_order {
	float: none;
	width: 100%;
	margin-top: 8px;
	text-align: center;
}

/* HP Studier: större kryssruta för villkor och ångerrätt i kassan (Divi saknar inställning). */
.et_pb_wc_checkout_payment_info #payment .woocommerce-terms-and-conditions-wrapper .form-row label.checkbox {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 15px;
	line-height: 1.5;
}
.et_pb_wc_checkout_payment_info #payment .woocommerce-terms-and-conditions-wrapper .form-row label.checkbox > abbr.required {
	display: none;
}
.et_pb_wc_checkout_payment_info #payment .woocommerce-terms-and-conditions-wrapper input#terms {
	flex: none;
	width: 22px;
	height: 22px;
	margin: 0;
	accent-color: var(--gcid-186d0082-4b0c-4d98-ab59-691dcfd7e176);
	cursor: pointer;
}

/* HP Studier: ankarlänkar hamnar under den fasta menyn. */
html {
	scroll-padding-top: 96px;
}

/* HP Studier: Divi cachar loopens kortbredd per mall. På sida 2 av guiderna får CTA-rutan då ett kort-index och blir 1/3 bred.
   Högre specificitet håller CTA-rutan i full bredd oavsett antal kort. */
.et_pb_column .et_pb_group.preset--module--divi-group--puxablzxtd {
	width: 100% !important;
}
.et_pb_column .et_pb_group.preset--module--divi-group--puxablzxtd > .et_pb_group {
	width: auto !important;
	max-width: 640px;
}

/* HP Studier: formuläret från Kevins plugin (kortkoden [hpstudier_login]) i HP Studiers stil. Endast utseende – inga fält ändras. */
.hpstudier-login { width: 100%; }
.hpstudier-login h2 { font-family: 'Nunito Black', sans-serif; font-weight: 900; font-size: 22px; line-height: 1.2em; letter-spacing: -0.015em; color: var(--gcid-8534f5bc-199e-482a-885c-3792ece19e0f); margin: 0 0 8px; padding: 0; }
.hpstudier-login > p { font-family: 'Nunito SemiBold', sans-serif; font-size: 17px; line-height: 1.6em; color: var(--gcid-4dc6f61a-b21f-438f-a394-b9ef0a724db0); margin: 0 0 20px; padding: 0; }
.hpstudier-login form p { margin: 0 0 16px; padding: 0; }
.hpstudier-login label { display: block; font-family: 'Nunito ExtraBold', sans-serif; font-weight: 800; font-size: 15px; color: var(--gcid-8534f5bc-199e-482a-885c-3792ece19e0f); }
.hpstudier-login input[type="email"] { display: block; width: 100%; box-sizing: border-box; margin-top: 8px; padding: 15px 16px; font-family: 'Nunito SemiBold', sans-serif; font-size: 17px; color: var(--gcid-8534f5bc-199e-482a-885c-3792ece19e0f); background: var(--gcid-78fc8806-a977-420f-a5c0-c64808c80923); border: 1px solid var(--gcid-e8bd2e23-289f-4e59-b92f-f3ce8c265fa5); border-radius: var(--gvid-27ca5358-9bef-496b-8eb0-227cee90e356); transition: border-color .2s, box-shadow .2s; }
.hpstudier-login input[type="email"]:focus { outline: none; border-color: var(--gcid-186d0082-4b0c-4d98-ab59-691dcfd7e176); box-shadow: 0 0 0 3px var(--gcid-46155984-9153-4bb0-9f35-d4cda98ea7c5); }
.hpstudier-login button[type="submit"] { display: block; width: 100%; padding: 17px 26px; font-family: 'Nunito ExtraBold', sans-serif; font-weight: 800; font-size: 18px; line-height: 1.2em; color: var(--gcid-b83b2b49-e7bd-417a-81e8-a768309bbe22); background: var(--gcid-186d0082-4b0c-4d98-ab59-691dcfd7e176); border: 0; border-radius: var(--gvid-27ca5358-9bef-496b-8eb0-227cee90e356); cursor: pointer; transition: background .2s; }
.hpstudier-login button[type="submit"]:hover, .hpstudier-login button[type="submit"]:focus-visible { background: var(--gcid-c387e8cd-4711-4b99-ab8d-121940398e34); }
.hpstudier-login button[type="submit"]:focus-visible { outline: 3px solid var(--gcid-46155984-9153-4bb0-9f35-d4cda98ea7c5); outline-offset: 2px; }
/* HP Studier: samtyckesruta för statistikkakor (markup och logik i functions.php, hps-consent). Nedtonad: liten, lätt skugga, lika stora knappar. */
.hps-consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 100000; max-width: 380px; margin-left: auto; padding: 16px; background: var(--gcid-b83b2b49-e7bd-417a-81e8-a768309bbe22, #fff); border: 1px solid var(--gcid-e8bd2e23-289f-4e59-b92f-f3ce8c265fa5, #E7E2F0); border-radius: var(--gvid-27ca5358-9bef-496b-8eb0-227cee90e356, 14px); box-shadow: 0 6px 24px rgba(34, 26, 45, .10); font-family: 'Nunito SemiBold', sans-serif; }
.hps-consent[hidden] { display: none; }
.hps-consent__title { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; padding: 0; font-family: 'Nunito ExtraBold', sans-serif; font-weight: 800; font-size: 15px; line-height: 1.3; color: var(--gcid-8534f5bc-199e-482a-885c-3792ece19e0f, #221A2D); }
.hps-consent__text { margin: 0 0 12px; padding: 0; font-size: 14px; line-height: 1.5; color: var(--gcid-62465596-4264-4a03-8ff1-599b972012d5, #4F4860); }
.hps-consent__text a { color: var(--gcid-62465596-4264-4a03-8ff1-599b972012d5, #4F4860); text-decoration: underline; text-underline-offset: 2px; }
.hps-consent__actions { display: flex; gap: 8px; }
.hps-consent__btn { flex: 1 1 0; padding: 9px 14px; font-family: 'Nunito ExtraBold', sans-serif; font-weight: 800; font-size: 14px; line-height: 1.2; border-radius: 10px; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.hps-consent__btn--accept { color: var(--gcid-b83b2b49-e7bd-417a-81e8-a768309bbe22, #fff); background: var(--gcid-186d0082-4b0c-4d98-ab59-691dcfd7e176, #6524B8); border: 1px solid var(--gcid-186d0082-4b0c-4d98-ab59-691dcfd7e176, #6524B8); }
.hps-consent__btn--accept:hover { background: var(--gcid-c387e8cd-4711-4b99-ab8d-121940398e34, #52199A); border-color: var(--gcid-c387e8cd-4711-4b99-ab8d-121940398e34, #52199A); }
.hps-consent__btn--deny { color: var(--gcid-8534f5bc-199e-482a-885c-3792ece19e0f, #221A2D); background: var(--gcid-78fc8806-a977-420f-a5c0-c64808c80923, #F7F5FB); border: 1px solid var(--gcid-e8bd2e23-289f-4e59-b92f-f3ce8c265fa5, #E7E2F0); }
.hps-consent__btn--deny:hover { border-color: var(--gcid-9b84faad-47da-4175-9fa7-ec0c331dd3fe, #DCD2EC); background: var(--gcid-46155984-9153-4bb0-9f35-d4cda98ea7c5, #F1EAFB); }
.hps-consent__btn:focus-visible { outline: 3px solid var(--gcid-46155984-9153-4bb0-9f35-d4cda98ea7c5, #F1EAFB); outline-offset: 2px; }
@media (max-width: 480px) { .hps-consent { left: 12px; right: 12px; bottom: 12px; padding: 14px; } }
.hps-consent__icon { flex: none; transform: rotate(-12deg); }

/* HP Studier: ordersammanfattning på tacksidan ([hps_tack_order]). */
.hps-tack-order { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; margin-top: 4px; }
.hps-tack-order > span { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; background: var(--gcid-b83b2b49-e7bd-417a-81e8-a768309bbe22); border: 1px solid var(--gcid-e8bd2e23-289f-4e59-b92f-f3ce8c265fa5); border-radius: var(--gvid-27ca5358-9bef-496b-8eb0-227cee90e356); }
.hps-tack-order > span > small { font-family: 'Nunito ExtraBold', sans-serif; font-weight: 800; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--gcid-116fb962-32ed-4193-9c1d-63fa2aacb4a3); }
.hps-tack-order > span > strong { font-family: 'Nunito ExtraBold', sans-serif; font-weight: 800; font-size: 16px; color: var(--gcid-8534f5bc-199e-482a-885c-3792ece19e0f); }
.hps-tack-order > span > strong span { font: inherit; color: inherit; }