/*
Theme Name: dop.se
Theme URI: https://dop.se
Description: Blocktema för dop.se. Ljus, lugn typografi, mässingsaccent och inbyggd utskriftsvarumärkning.
Author: dop.se
Version: 1.0.7
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dop
*/

/* Utskriftsblocken ska aldrig synas på skärmen.
   Regeln måste ligga här och inte i print.css, eftersom den filen
   laddas med media="print" och därmed aldrig gäller i skärmläge. */
.dop-print-head,
.dop-print-foot,
.dop-print-start,
.dop-print-slut{display:none !important}
@media print{
	.dop-print-start,
	.dop-print-slut{display:block !important}
}

/* Signaturelement: mässingslinje med punkt.
   Används som avdelare och som etikett ovanför avsnitt. */
.dop-linje{
	display:flex;align-items:center;gap:.55rem;
	margin:var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--20);
}
.dop-linje::before{
	content:"";width:7px;height:7px;border-radius:50%;
	background:var(--wp--preset--color--massing);flex:none;
}
.dop-linje::after{
	content:"";height:1px;background:var(--wp--preset--color--sten);flex:1;
}
.dop-linje span{
	font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;
	color:var(--wp--preset--color--silver);white-space:nowrap;
}

/* Sidhuvud */
.dop-header{padding-block:1.4rem;border-bottom:1px solid var(--wp--preset--color--sten)}
.dop-logo img,.dop-logo svg{height:34px;width:auto;display:block}

/* Sidfot */
.dop-footer{
	margin-top:var(--wp--preset--spacing--50);
	padding-block:var(--wp--preset--spacing--30);
	border-top:1px solid var(--wp--preset--color--sten);
	font-size:var(--wp--preset--font-size--liten);
}

/* Annonsmärkning – obligatorisk på sidor med annonslänkar */
.dop-annonsmarkning{
	font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
	color:var(--wp--preset--color--silver);
	padding-block:.4rem;border-bottom:1px solid var(--wp--preset--color--sten);
	margin-bottom:var(--wp--preset--spacing--20);
}
.dop-annons{margin-block:var(--wp--preset--spacing--30)}

/* Innehållsförteckning */
.dop-toc{
	background:var(--wp--preset--color--papper);
	border:1px solid var(--wp--preset--color--sten);
	padding:1rem 1.1rem;font-size:var(--wp--preset--font-size--liten);
}
.dop-toc ul{margin:0;padding-left:1.1rem}
.dop-toc li{margin-bottom:.25rem}

/* Brödsmulor */
.dop-breadcrumbs{
	font-size:.8rem;color:var(--wp--preset--color--silver);
	padding-block:.8rem;
}
.dop-breadcrumbs a{color:inherit}

/* Tabeller i löptext */
.entry-content table{width:100%;border-collapse:collapse}
.entry-content th,.entry-content td{
	text-align:left;padding:.45rem .6rem;
	border-bottom:1px solid var(--wp--preset--color--sten);vertical-align:top;
}
.entry-content th{
	font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;
	color:var(--wp--preset--color--silver);font-weight:400;
}

/* Fokusmarkering – mässing, konsekvent i hela temat */
:where(a,button,input,textarea,select,summary):focus-visible{
	outline:2px solid var(--wp--preset--color--massing);outline-offset:2px;
}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{
	left:1rem;top:1rem;z-index:99;background:var(--wp--preset--color--dopvatten);
	color:var(--wp--preset--color--linne);padding:.6rem 1rem;
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}