/*
Theme Name: Linolux
Theme URI: linoluxapeldoorn.nl
Author: Linolux Apeldoorn
Author URI: linoluxapeldoorn.com
Description: Linolux Apeldoorn maakt optimaal gebruik van alle nieuwe WordPress Full Site Editing-functies, blijft extreem licht en snel, en heeft geen enkele pagebuilder-plugin nodig. Alles is 100% op maat gebouwd voor Linolux Apeldoorn
Tags: linolux, linolux-apeldoorn, apeldoorn, bedtextiel, badtextiel, huishoudtextiel, beddengoed, handdoeken, badlakens, tafeltextiel, woontextiel, dekbedden, kussens, gordijnen, custom-theme, bedrijfswebsite, zakelijke-website, full-site-editing, block-thema, block-patterns, style-variations, snelle-website, pixel-perfect, nederlandstalig, nederlands, plinolux, linolux-apeldoorn, apeldoorn, bedtextiel, badtextiel, huishoudtextiel, beddengoed, handdoeken, dekbedden, gordijnen, woontextiel, custom-theme, full-site-editing, block-thema, block-patterns, style-variations, pixel-perfect, snelle-website, nederlands, nederlandstalig, one-column, two-columns, grid-layout, portfolioortfolio, one-column, two-columns, three-columns, grid-layout, wide-blocks, translation-ready
Tested up to: 6.6
Requires PHP: 7.3
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: linolux
Update URI: false

Linolux WordPress Theme, (C) 2026 Linolux Apeldoorn.
Linolux is distributed under the terms of the GNU GPL.
*/

/* > Update URI < Hierboven aanpasbaar naar de Repository voor updates van het thema, en het automatisch doorvoeren van updates aan de derde partij.
False voor Development doeleinden
--------------------------------------------- */




/* CSS Reset
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--x-small);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--main);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--main-accent);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

/* Helper styles that can't be done via theme.json
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--tertiary);
	font-weight: var(--wp--custom--font-weight--medium);;
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

/* Adjust terms at bottom of posts */
.single .wp-block-group .wp-block-post-terms,
.blog .wp-block-group .wp-block-post-terms {
	margin-bottom: -8px !important;
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

.row-logos > figure {
	flex-shrink: 1 !important;
}

@media (max-width: 781px) {
	.linolux-hide-on-mobile {
		display: none;
	}
}


/* Helper styles voor de Sticky Header
---------------------------------------------------------------------------- */

/* ==== BRUTE FORCE TOPBAR + HEADER – ALTIJD VAST (WERKT 100%) ==== */
@media screen {

  /* TOPBAR – fixed bovenaan */
  .wp-block-group.alignfull.has-main-background-color {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100001 !important;
  }

  /* HEADER – fixed onder de topbar (jouw originele werkende code) */
  .wp-site-blocks > header,
  .wp-site-blocks > .wp-block-template-part > header {
    position: fixed !important;
    top: 49px !important;      /* hoogte van de topbar */
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    background: var(--wp--preset--color--base) !important;
  }

  /* Admin-bar compensatie (ingelogd) */
  .admin-bar .wp-block-group.alignfull.has-main-background-color {
    top: 32px !important;
  }
  .admin-bar .wp-site-blocks > header,
  .admin-bar .wp-site-blocks > .wp-block-template-part > header {
    top: 81px !important;      /* 49 + 32 */
  }
  @media (max-width: 782px) {
    .admin-bar .wp-block-group.alignfull.has-main-background-color {
      top: 46px !important;
    }
    .admin-bar .wp-site-blocks > header,
    .admin-bar .wp-site-blocks > .wp-block-template-part > header {
      top: 95px !important;    /* 49 + 46 */
    }
  }

  /* Content omlaag zodat het niet achter topbar+header zit */
  main,
  .wp-site-blocks > main,
  .wp-site-blocks > .site-main {
    margin-top: 140px !important;
  }
}
/* ==== VERWIJDER RUIMTE TUSSEN TOPBAR EN HEADER ==== */
@media screen {
  /* Header iets omhoog (van 49px naar 41px = topbar hoogte zonder padding) */
  .wp-site-blocks > header,
  .wp-site-blocks > .wp-block-template-part > header {
    top: 41px !important;   /* was 49px → nu strak tegen topbar */
  }

  /* Admin-bar ingelogd */
  .admin-bar .wp-site-blocks > header,
  .admin-bar .wp-site-blocks > .wp-block-template-part > header {
    top: 73px !important;   /* 41 + 32 */
  }
  @media (max-width: 782px) {
    .admin-bar .wp-site-blocks > header,
    .admin-bar .wp-site-blocks > .wp-block-template-part > header {
      top: 87px !important; /* 41 + 46 */
    }
  }

  /* Content iets minder omlaag (van 140px naar 132px) */
  main,
  .wp-site-blocks > main,
  .wp-site-blocks > .site-main {
    margin-top: 132px !important;
  }
}
/* ==== HEADER – RONDE HOEK ALLEEN LINKS ONDER ==== */
.wp-site-blocks > header,
.wp-site-blocks > .wp-block-template-part > header {
  border-bottom-left-radius: 55px !important;   /* pas 24px aan als je hem kleiner/groter wil */
  overflow: hidden !important;                 /* voorkomt dat content buiten de hoek steekt */
}