/*
Theme Name: Astra Child
Template: astra
Version: 1.0
Description: Webbverkstad Child Theme
*/

/* =============================================
   GOOGLE FONTS — Laddas globalt en gång
============================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');


/* =============================================
   CSS-VARIABLER — Globala färger och värden
============================================= */

:root {
  --wv-blue:       #0f91e3;
  --wv-blue-dark:  #0b7bc5;
  --wv-blue-pale:  #ebf5fd;
  --wv-cyan:       #06b6d4;
  --wv-dark:       #111827;
  --wv-dark-deep:  #0a0f1a;
  --wv-gray:       #4b5563;
  --wv-gray-light: #6b7280;
  --wv-light:      #f8fafc;
  --wv-white:      #ffffff;
  --wv-border:     #e5e7eb;
  --wv-max-width:  1280px;
}


/* =============================================
   GLOBAL TYPOGRAFI — Font och storlekar
============================================= */

body {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px;
  line-height: 1.7;
  color: #111827;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif !important;
  line-height: 1.15;
  color: #111827;
  font-weight: 700;
}

h1 { font-size: clamp(34px, 5vw, 60px); }
h2 { font-size: clamp(26px, 3.5vw, 40px); }
h3 { font-size: clamp(20px, 2.5vw, 26px); }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p {
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
}

a {
  color: #0f91e3;
  text-decoration: none;
}

a:hover {
  color: #0b7bc5;
}


/* =============================================
   ASTRA OVERRIDES — Dölj Astras element
============================================= */

/* Dölj Astras header */
#masthead,
.site-header,
#ast-fixed-header,
.ast-site-header-wrap {
  display: none !important;
}

/* Dölj Astras footer */
.site-footer,
#colophon,
.ast-site-footer-wrap,
.footer-bar-wrap {
  display: none !important;
}

/* Dölj sidtitel */
.entry-title {
  display: none !important;
}

.ast-scroll-top,
#ast-scroll-top {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =============================================
   FULL BREDD — Alla WordPress/Astra wrappers
   Gäller sidor, inlägg och templates
============================================= */

#page,
#content,
#primary,
#main,
.site-content,
.site-main,
.content-area,
.ast-container,
.ast-article-post,
.ast-article-single,
.entry-content,
.entry-header,
.entry-footer,
.ast-page-builder-template,
.post-navigation,
.ast-single-post-order {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* Ta bort Astras container-padding på single posts */
.single .ast-container,
.single #primary,
.single #main,
.single .site-main {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* KRITISK FIX — ast-container på single begränsar bredden */
body.single .ast-container,
body.single div.ast-container,
html body.single .ast-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Ta bort Astras comments och post-nav på single */
.single .comments-area,
.single .post-navigation,
.single .ast-author-box,
.single .ast-related-posts-title-section,
.single .related-posts-title-heading {
  display: none !important;
}


/* =============================================
   ADMIN-BAR OFFSET — Bara för inloggade
============================================= */

.admin-bar #wv-header {
  top: 32px !important;
}

.admin-bar #wv-mobile-menu {
  top: 102px !important;
}

@media (max-width: 782px) {
  .admin-bar #wv-header {
    top: 46px !important;
  }
  .admin-bar #wv-mobile-menu {
    top: 116px !important;
  }
}