/*
Theme Name: FUIF
Theme URI: https://fuif.se/
Author: Utbildning Norr
Author URI: https://utbildningnorr.se/
Description: Ett specialbyggt blocktema för Framgångsrik undervisning i fritidshem. Visuellt baserat på bokens mörkblå, indigo, petroleum och orange formspråk.
Version: 1.0.30
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: fuif
Tags: full-site-editing, block-patterns, education, custom-colors, custom-logo
*/

/* v1.0.14 – Verktyg: samverkansunderlag i samma kortsystem */
.fuif-tool-card {
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .fuif-tools-grid, .fuif-tool-grid {
    align-items: stretch;
  }
}

/* v1.0.15 – Om boken: kommunanvändning som integrerad proof point */
.fuif-municipality-note {
  max-width: 760px;
  margin: 28px 0 30px;
  padding: 16px 20px;
  border-left: 3px solid #f4a021;
  background: rgba(255,255,255,.045);
}
.fuif-municipality-note .fuif-municipality-label {
  display: block;
  margin-bottom: 6px;
  color: #f4a021;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}
.fuif-municipality-note p {
  margin: 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.5;
}

/* v1.0.16 – Verktyg: två kolumner med samma kortbredd */
.fuif-tools-grid,
.fuif-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: stretch;
}

.fuif-tools-grid > .fuif-tool-card,
.fuif-tool-grid > .fuif-tool-card {
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}

.fuif-tool-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.fuif-tool-card .fuif-button,
.fuif-tool-card a.fuif-button {
  align-self: flex-start;
}

@media (max-width: 760px) {
  .fuif-tools-grid,
  .fuif-tool-grid {
    grid-template-columns: 1fr;
  }
}

/* v1.0.17 – Verktyg: samtliga material i samma tvåkolumnsgrid */
.fuif-editable-area .fuif-tools-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
}

.fuif-editable-area .fuif-tools-grid > .fuif-tool-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

.fuif-editable-area .fuif-tool-card .wp-block-buttons {
  margin-top: auto;
}

@media (max-width: 760px) {
  .fuif-editable-area .fuif-tools-grid {
    grid-template-columns: 1fr !important;
  }
}

/* v1.0.18 – Verktyg: stabil tvåkolumnslayout och enhetliga knappar */
.fuif-editable-area {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.fuif-editable-area .fuif-tools-intro {
  margin-bottom: 28px;
}

.fuif-editable-area .fuif-tools-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 28px !important;
  row-gap: 28px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

.fuif-editable-area .fuif-tools-grid > .fuif-tool-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 42px 44px 38px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  border-top: 4px solid #f4a021 !important;
}

.fuif-editable-area .fuif-tool-card .wp-block-buttons {
  margin-top: auto !important;
  padding-top: 28px !important;
}

.fuif-editable-area .fuif-tool-card .wp-block-button__link {
  display: inline-block !important;
  background: #f4a021 !important;
  color: #05051b !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 14px 24px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

@media (max-width: 760px) {
  .fuif-editable-area .fuif-tools-grid {
    grid-template-columns: 1fr !important;
  }

  .fuif-editable-area .fuif-tools-grid > .fuif-tool-card {
    padding: 30px 28px 28px !important;
  }
}


/* v1.0.19 – release footer */
.fuif-footer .fuif-footer-rule {
  margin-top: 32px;
  margin-bottom: 18px;
  border-color: rgba(255,255,255,.22);
}
.fuif-footer .fuif-footer-legal {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.5;
}

/* v1.0.22 – Om boken */
.fuif-book-intro,.fuif-book-parts,.fuif-book-to-site{max-width:1120px;margin-left:auto;margin-right:auto}
.fuif-book-intro{padding-top:72px;padding-bottom:64px}
.fuif-book-intro h1{max-width:900px}
.fuif-book-intro>p:not(.fuif-kicker){max-width:900px;font-size:1.15rem;line-height:1.75}
.fuif-book-parts{padding-top:58px;padding-bottom:62px;border-top:1px solid rgba(7,7,32,.14)}
.fuif-book-parts-grid{gap:0;margin-top:32px}
.fuif-book-parts-grid>.wp-block-column{padding:0 34px;border-left:1px solid rgba(7,7,32,.14)}
.fuif-book-parts-grid>.wp-block-column:first-child{padding-left:0;border-left:0}
.fuif-book-parts-grid>.wp-block-column:last-child{padding-right:0}
.fuif-book-parts-grid h3{margin-top:10px}
.fuif-book-to-site{padding-top:56px;padding-bottom:72px;border-top:1px solid rgba(7,7,32,.14)}
.fuif-book-to-site>p{max-width:900px;font-size:1.08rem;line-height:1.7}
.fuif-book-to-site .wp-block-buttons{margin-top:28px}
@media(max-width:781px){
.fuif-book-intro,.fuif-book-parts,.fuif-book-to-site{padding-left:24px;padding-right:24px}
.fuif-book-parts-grid>.wp-block-column,.fuif-book-parts-grid>.wp-block-column:first-child,.fuif-book-parts-grid>.wp-block-column:last-child{padding:24px 0;border-left:0;border-top:1px solid rgba(7,7,32,.14)}
.fuif-book-parts-grid>.wp-block-column:first-child{border-top:0}
}


/* v1.0.23 – Om boken: en sammanhållen text */
.fuif-book-continuous{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	padding-top:72px;
	padding-bottom:84px;
}
.fuif-book-continuous h1{
	max-width:860px;
	margin-bottom:34px;
}
.fuif-book-continuous > p:not(.fuif-kicker){
	font-size:1.12rem;
	line-height:1.78;
	margin-top:0;
	margin-bottom:24px;
}
.fuif-book-continuous .wp-block-buttons{
	margin-top:34px;
}
@media(max-width:781px){
	.fuif-book-continuous{
		padding:52px 24px 64px;
	}
	.fuif-book-continuous > p:not(.fuif-kicker){
		font-size:1rem;
		line-height:1.7;
	}
}

/* v1.0.24 – Om boken: baksidestext */
.fuif-book-backcover{max-width:860px;margin-left:auto;margin-right:auto;padding-top:72px;padding-bottom:84px}
.fuif-book-backcover h1{margin-bottom:34px}
.fuif-book-backcover>p:not(.fuif-kicker){font-size:1.12rem;line-height:1.78;margin:0 0 24px}
.fuif-book-backcover .fuif-book-municipal{font-size:.98rem;margin-top:30px}
.fuif-book-contacts{margin-top:38px;padding-top:24px;border-top:1px solid rgba(7,7,32,.14);gap:18px 38px}
.fuif-book-contacts p{margin:0;font-size:.92rem}
.fuif-book-contacts a{font-weight:700}
@media(max-width:781px){.fuif-book-backcover{padding:52px 24px 64px}.fuif-book-backcover>p:not(.fuif-kicker){font-size:1rem;line-height:1.7}.fuif-book-contacts{display:block}.fuif-book-contacts p{margin-bottom:12px}}


/* v1.0.25 – Om boken: hero + sammanhållen baksidestext */
.fuif-book-page-content{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 68px;
	padding-bottom: 82px;
}
.fuif-book-page-content .fuif-book-backcover-v1025{
	max-width: 820px;
	margin: 0 auto;
}
.fuif-book-page-content .fuif-book-backcover-v1025 p{
	font-size: 1.1rem;
	line-height: 1.78;
	margin: 0 0 24px;
}
.fuif-book-page-content .fuif-book-municipal-v1025{
	margin-top: 30px;
	font-size: .98rem !important;
}
.fuif-book-page-content .fuif-book-contacts-v1025{
	margin-top: 36px;
	padding-top: 22px;
	border-top: 1px solid rgba(7,7,32,.14);
	display: flex;
	flex-wrap: wrap;
	gap: 12px 34px;
}
.fuif-book-page-content .fuif-book-contacts-v1025 p{
	margin: 0;
	font-size: .92rem;
	line-height: 1.55;
}
@media(max-width:781px){
	.fuif-book-page-content{padding:50px 24px 64px}
	.fuif-book-page-content .fuif-book-backcover-v1025 p{font-size:1rem;line-height:1.7}
	.fuif-book-page-content .fuif-book-contacts-v1025{display:block}
	.fuif-book-page-content .fuif-book-contacts-v1025 p{margin-bottom:12px}
}

/* v1.0.29 – Verktyg: återställda PDF:er i två tydliga grupper */
.fuif-tools-section-title{
	margin-top:56px;
	margin-bottom:24px;
}
.fuif-tools-intro + .fuif-tools-section-title{
	margin-top:34px;
}