/*
Theme Name: RM - VDS Intergriff
Theme URI: https://www.rollemamedia.nl/
Author: Rollema Media
Author URI: https://www.rollemamedia.nl/
Description: Child theme van RM - VDS voor de webshop Intergriff. Aanpassingen die een update van het hoofdtheme moeten overleven horen hier.
Template: rm-vds
Version: 1.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: rm-vds-intergriff
*/

/* ---------------------------------------------------------------------------
   Eigen CSS voor Intergriff.

   LET OP: 'Template: rm-vds' hierboven verwijst naar de MAPNAAM van het
   hoofdtheme en moet altijd rm-vds blijven. Alleen 'Theme Name' en de mapnaam
   van dit child theme zijn per webshop verschillend.

   Dit bestand wordt als LAATSTE ingeladen (zie functions.php), dus je
   overschrijft hiermee zowel style.css als assets/css/woocommerce.css van het
   hoofdtheme zonder !important te hoeven gebruiken — mits je selector even
   specifiek of specifieker is.

   De kleur- en maatvariabelen van het hoofdtheme (--primair, --secundair,
   --quartair, --fs-medium, --border-radius, ...) zijn hier gewoon beschikbaar.
   --------------------------------------------------------------------------- */

/* --- Polylang --- */
.custom-lang-switcher { position: relative; display: inline-block; cursor: pointer; }
.lang-trigger { display: flex; align-items: center; padding: 5px; }
.custom-lang-switcher img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; display: block; }
.lang-dropdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #ffffff; box-shadow: 0px 4px 10px rgba(0,0,0,0.15); padding: 5px; margin-top: 0; border-radius: 8px; display: none; z-index: 9999; }
.lang-dropdown .lang-link { display: block; border-radius: 50%; padding: 6px; transition: background 0.2s; text-decoration: none; }
.lang-dropdown .lang-link:hover { background: #f5f5f5; }
.lang-dropdown .lang-item.active { display: none; }
.custom-lang-switcher:hover .lang-dropdown { display: block; }

h1, h2, h3, h4 { font-family: "Merriweather", sans-serif; }

.vds-uld__option.is-selected .vds-uld__title { color: var(--secundair); }
.vds-uld__option.is-selected { border-color: var(--secundair); box-shadow: inset 0 0 0 1px var(--secundair); }