/*
Theme Name:   HJC Zakelijk
Description:  Zakelijk (B2B) thema voor Het Juiste Cadeau. Child theme van Twenty Twenty-Five.
Author:       Create & Grow
Template:     twentytwentyfive
Version:      1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain:  hjc-zakelijk
*/

/* Logo + badge */
.hjc-logo { margin: 0; font-family: var(--wp--preset--font-family--gilda-display); font-size: 1.5rem; letter-spacing: .16em; line-height: 1; white-space: nowrap; }
.hjc-logo a { color: inherit; text-decoration: none; }
.hjc-badge { margin: 0; font-size: .6875rem; font-weight: 600; letter-spacing: .14em; padding: .35em .6em; border: 1px solid currentColor; border-radius: 2px; line-height: 1; }

/* Topbalk */
.hjc-topbar a { color: inherit; }
.hjc-topbar p { margin: 0; }

/* Navigatie: lijntje onder actieve/hover link */
.hjc-header .wp-block-navigation-item__content { padding: .6rem 0; border-bottom: 1px solid transparent; }
.hjc-header .wp-block-navigation-item__content:hover,
.hjc-header .current-menu-item > .wp-block-navigation-item__content { border-bottom-color: currentColor; text-decoration: none; }

/* Icoonknoppen in de header */
.hjc-icon-link { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-width: 44px; height: 44px; padding: 0 .4rem; border-radius: 4px; color: inherit; text-decoration: none; font-weight: 600; font-size: .875rem; }
.hjc-icon-link:hover { background: var(--wp--preset--color--accent-1); }
.hjc-icon-link [data-hjc-offerte-count] { min-width: 1.2rem; height: 1.2rem; padding: 0 .3rem; border-radius: 99px; background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); font-size: .7rem; display: inline-flex; align-items: center; justify-content: center; }
.hjc-icon-link [data-hjc-offerte-count][hidden] { display: none; }
.hjc-header .wp-block-search__button { min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--wp--preset--color--contrast); }
.hjc-header .wp-block-search__button:hover { background: var(--wp--preset--color--accent-1); }
.hjc-header .wp-block-search__button svg { width: 22px; height: 22px; }

/* Producttitel niet zo groot dat woorden afbreken */
.single-product .wp-block-post-title { font-size: clamp(2rem, 3vw, 2.75rem); overflow-wrap: normal; word-break: normal; hyphens: auto; }

/* Eyebrow-labels */
.hjc-eyebrow { font-size: .75rem !important; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }

/* Genummerde stappen */
.hjc-step-nr { font-family: var(--wp--preset--font-family--gilda-display); font-size: 2.5rem; line-height: 1; color: #857A6A; margin: 0; }

/* Categorie- en logotegels */
.hjc-tile { border: 1px solid var(--wp--preset--color--accent-6); background: var(--wp--preset--color--base); height: 100%; }
.hjc-tile .wp-block-image { margin: 0; }
.hjc-tile a { text-decoration: none; }
.hjc-logo-tile { border: 1px solid var(--wp--preset--color--accent-6); min-height: 112px; display: flex; align-items: center; justify-content: center; }
.hjc-logo-tile p { margin: 0; }

/* Lijst met diensten */
.hjc-services { list-style: none; padding: 0; margin: 0; border-top: 1px solid #CFC7BA; }
.hjc-services li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; padding: 1rem 0; border-bottom: 1px solid #CFC7BA; }
.hjc-services li span:last-child { color: var(--wp--preset--color--accent-4); }

/* Hero-afbeeldingen vullen hun kolom */
.hjc-fill-img, .hjc-fill-img img { height: 100%; width: 100%; }
.hjc-fill-img img { object-fit: cover; min-height: 420px; display: block; }

/* Footer */
.hjc-footer a { color: #D9D5CE; text-decoration: none; }
.hjc-footer a:hover { color: #FFFFFF; }

/* Formulieren van WooCommerce in de huisstijl */
.woocommerce input.input-text, .woocommerce select, .woocommerce textarea { border: 1px solid #BDB4A6; border-radius: 4px; min-height: 44px; }