/*
Theme Name: Inspot
Theme URI: https://inspot.se
Author: Inspot
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: inspot
*/

.has-clinical-shadow {
	box-shadow: 0 4px 20px -2px rgba(0, 99, 105, 0.08);
}

/* --- pill-badge: hugg om texten, vänsterställd (hero) --- */
.inspot-chip {
	width: fit-content;
	margin-left: 0;
	margin-right: auto;
}

/* --- runda ikon-/avatar-cirklar --- */
.inspot-circle {
	width: 48px;
	height: 48px;
	min-height: 48px;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0;
}
.inspot-circle.is-sm {
	width: 40px;
	height: 40px;
	min-height: 40px;
}

/* --- checklista med teal bockar --- */
.inspot-check {
	list-style: none;
	margin: 0;
	padding: 0;
}
.inspot-check li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 0.5rem;
}
.inspot-check li::before {
	content: "✓";
	color: var(--wp--preset--color--secondary);
	font-weight: 700;
}

/* --- team: "15+"-badge ovanpå porträttet --- */
.inspot-team-media {
	position: relative;
}
.inspot-badge {
	position: absolute;
	right: -16px;
	bottom: -16px;
}
@media (max-width: 781px) {
	.inspot-badge {
		position: static;
		right: auto;
		bottom: auto;
		margin-top: 16px;
	}
}


/* --- Header --- */
.wp-block-template-part > header.wp-block-group {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
    transition: box-shadow 0.2s ease;
}
.admin-bar .wp-block-template-part > header.wp-block-group {
    top: 32px; /* plats för WP-adminbaren när du är inloggad */
}

/* --- Header: rad + logga --- */
.wp-block-template-part .wp-block-group.alignwide.is-content-justification-space-between {
    align-items: center;
    gap: 24px;
}
.wp-block-site-logo img {
    height: auto;
    transition: opacity 0.2s ease;
}
.wp-block-site-logo a:hover img {
    opacity: 0.85;
}

/* --- Header: navigeringslänkar --- */
.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content {
    font-weight: 500;
    color: #1e293b;
    transition: color 0.15s ease;
}
.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--primary, #0e7c7b);
}

/* --- Aktiv sida: färgad text --- */
.wp-block-template-part .wp-block-navigation [aria-current="page"],
.wp-block-template-part .wp-block-navigation .wp-block-navigation-item:has([aria-current="page"]) > .wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary, #0e7c7b) !important;
}

/* --- Header: chevron roterar när undermenyn öppnas --- */
.wp-block-navigation__submenu-icon svg {
    transition: transform 0.2s ease;
}
.wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-icon svg,
.wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

/* --- Header: knappar (layout, ingen effekt) --- */
.wp-block-template-part .wp-block-buttons {
    gap: 10px;
    flex-shrink: 0;
}

/* --- Undermenyer (dropdowns) – endast desktop --- */
@media (min-width: 783px) {
    .wp-block-navigation .wp-block-navigation__submenu-container {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
        padding: 8px;
        min-width: 240px;
        margin-top: 12px;
    }
    /* osynlig "brygga" så hovern inte tappar i gapet ovanför dropdownen */
    .wp-block-navigation .wp-block-navigation__submenu-container::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item {
        width: 100%;
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        display: block;
        border-radius: 8px;
        padding: 9px 12px;
        white-space: nowrap;
        transition: background 0.15s ease, color 0.15s ease;
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background: #f1f5f9;
        color: var(--wp--preset--color--primary, #0e7c7b);
    }

    /* Animerat understreck på toppnivå-länkarna */
    .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
        position: relative;
    }
    .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -4px;
        height: 2px;
        background: var(--wp--preset--color--primary, #0e7c7b);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.2s ease;
    }
    .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after {
        transform: scaleX(1);
    }
}

/* --- Header: responsivt --- */
@media (max-width: 782px) {
    .wp-block-template-part .wp-block-group.alignwide.is-content-justification-space-between {
        gap: 10px;
    }
    /* logga till vänster, hamburgare + CTA klustras till höger */
    .wp-block-template-part .wp-block-site-logo {
        margin-right: auto;
    }
    .wp-block-site-logo img {
        max-width: 130px;
    }
    /* behåll bara primär-CTA på mobil */
    .wp-block-template-part .wp-block-button.is-style-outline {
        display: none;
    }
    .wp-block-template-part .wp-block-button__link {
        padding: 0.6rem 1rem !important;
        font-size: 0.9rem;
    }
    /* hamburgare = bekväm touch-yta */
    .wp-block-navigation__responsive-container-open {
        padding: 8px;
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* --- Mobilmeny (overlay): undermeny som indrag, inte dropdown-kort --- */
.wp-block-navigation__responsive-container.is-menu-open {
    background: #fff;
    padding: 24px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    padding: 12px 8px;
    font-size: 1.1rem;
    border-bottom: 1px solid #f1f5f9;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-left: 16px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: 1rem;
    border-bottom: 0;
    padding: 8px;
}

a {
	text-decoration: none !important;
}

/* --- Dölj fokusrutan vid musklick (behåll för tangentbord) --- */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.wp-block-button__link:focus:not(:focus-visible),
.wp-block-navigation-item__content:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}
/* --- Karta --- */
.map-embed {
    width: 100%;
    aspect-ratio: 12 / 5;   
    min-height: 320px;      
    border: 0;
    display: block;
}
@media (max-width: 700px) {
	.reverse-kolumn {
		flex-direction: column-reverse
	}
}