/*
 Theme Name: Twenty Twenty-One Child
 Template: twentytwentyone
 Description: Child theme for Twenty Twenty-One
 Author: Anna Wiksten
 Version: 1.0.0
 Text Domain: twentytwentyone-child
*/

/* Diskret ljus bakgrund och mjuk textfärg */
header.entry-header { color: #3f4348; }	
body { background: #fcfaf5; color: #3f4348; }	
nav.primary-navigation a { background: #fcfaf5; color: #3f4348; } /* bakgrundsfärg, fontfärg i menylänkar */
nav.primary-navigation div .menu-wrapper li .sub-menu li { background: #fcfaf5; } /* bakgrundsfärg dropdown-meny */
h1.entry-title, h2.wp-block-heading, h3.wp-block-heading { color: #3f4348; }	/* fontfärg rubriker */

/* tar bort den lilla pildutten i dropdown-menyn */
nav.primary-navigation div .menu-wrapper li .sub-menu::before { content: none; }
nav.primary-navigation div .menu-wrapper li .sub-menu::after { content: none; }	

/* tar bort plusset i menybalken */
nav.primary-navigation button.submenu-toggle,
li.menu-item-has-children > button {
  display: none !important;
}

/*Font*/
nav.primary-navigation a { font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;  } /* font i menylänkar */
h1.entry-title, h2.wp-block-heading, h3.wp-block-heading { font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; }	/* font i rubriker */
div.entry-content { font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif; }	/* font i brödtext */

/* Ta bort standard understrykning i Hyperlink Group Block */
a.wp-block-tiptip-hyperlink-group-block {
  text-decoration: none;        /* inga streck */
  color: inherit;				/* ärv fontfärg från temat */
}

/* Hover-effekt i Hyperlink Group Block: "poppar" plus accentfärg */
a.wp-block-tiptip-hyperlink-group-block:hover {
  text-decoration: none;        /* fortfarande ingen understrykning */
  background-color: #c98f3e;	/* bakgrundsfärg vid hovring */
  color: #2a2a2a;				/* fontfärg text mörkgrå vid hovring */
  transform: translateY(-2px);  /* lyfter sig pyttelite */
  transition: all 0.2s ease;    /* mjuk övergång */
  cursor: pointer;
}

/* rubriken i blocket svart vid hovring */
a.wp-block-tiptip-hyperlink-group-block:hover h3 {
  color: #000000;
}

/* Bas: länkar i brödtext */
div.entry-content a {
  text-decoration: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  transition: border-color .2s ease, background-color .2s ease;
}

/* 1) Nollställ temat/UA på focus/active (inkl. vit ruta + streckad linje) */
div.entry-content a:focus,
div.entry-content a:active {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* 2) Enhetlig stil för hover + "mus-fokus" (dvs :focus som inte är keyboard) */
div.entry-content a:hover,
div.entry-content a:focus:not(:focus-visible) {
  border-bottom-color: #c98f3e;
}

/* 3) Tydlig keyboard-fokus enligt WCAG (endast när man tabbar) */
div.entry-content a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background-color: #c98f3e !important; 
}

div.entry-content a:focus-visible h3 {
	color: #000000;
}

/* font i Simple Lightbox */
div.slb_container span.slb_template_tag_item_title {
	font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;  
	color: #3f4348;
}
div.slb_container span.slb_group_status span.slb_template_tag_ui_group_status { 
	font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif; 
}

/* ta bort play-knapp ur Simple Lightbox */
div.slb_controls span.slb_slideshow
{
  display: none !important;
}

/* bakgrundsfärg confirmation skickat kontaktformulär */
div.wpforms-confirmation-container-full {
    background: #dab37b !important;
    color: #fcfaf5 !important;
    border: none !important;
}

/*Ta bort logo ur sidfot */
footer .wp-block-site-logo,
footer .custom-logo-link,
footer .custom-logo,
footer .widget_media_image {
  display: none !important;   
}
	
/* Stajling för små skärmar */
@media only screen and (max-width: 481.98px) { 
nav.primary-navigation div.menu-button-container { background: #fcfaf5; color: #3f4348; } /* bakgrundsfärg, fontfärg i hamburgerknappen */
nav.primary-navigation div.primary-menu-container { background: #fcfaf5; color: #3f4348; } /* bakgrundsfärg, fontfärg i menycontainern */
nav.primary-navigation a { background: #fcfaf5; color: #3f4348; } /* bakgrundsfärg, fontfärg i menylänkar */
nav.primary-navigation div .menu-wrapper li .sub-menu li { background: #fcfaf5;   } /* bakgrundsfärg dropdown-meny */
}


.entry-header .entry-title,
h1 {
  overflow-wrap: anywhere;      /* bryt långa ord/URLer om det behövs */
  hyphens: auto;                /* kräver korrekt lang="sv" på html */
}

/* Mindre skärmar */
@media (max-width: 768px) {
  h1,
  .entry-header .entry-title {
    font-size: 4rem; /* justera tills det känns bra, ca 32px */
  }

  h3 {
    font-size: 2.5rem; /* ca 17–18px */
  }
}

@media (max-width: 480px) {
  h1,
  .entry-header .entry-title {
    font-size: 3rem; /* ca 25–26px */
  }

  h3 {
    font-size: 2rem; /* ca 16px */
  }
}