/* assets/css/pages/contact.css -- per-pagina laag (CLAUDE.md CSS-architectuur). In via mb_reve_pagina_css('contact') in page-contact.php. Tokens/componenten uit reve-base.css + reve-pages.css. */ /* ---------- Gravity Forms #2 ("contact") -- onderlijnde velden i.p.v. omkaderde inputs ---------- */ #gform_wrapper_2.gform-theme { --gf-color-primary: var(--c-black); --gf-color-primary-contrast: #fff; --gf-color-in-ctrl-primary: var(--c-black); --gf-ctrl-border-color: var(--c-grey-line); } #gform_wrapper_2 .gform_fields { display: flex; flex-direction: column; gap: 26px; } #gform_wrapper_2 .ginput_container input, #gform_wrapper_2 .ginput_container select, #gform_wrapper_2 .ginput_container textarea { width: 100%; border: 0; border-bottom: 1.4px solid var(--c-grey-line); border-radius: 0; padding: 10px 0; font: 400 15px/1.4 var(--f-body); background: transparent; box-shadow: none; color: var(--c-primary); } #gform_wrapper_2 .ginput_container textarea { min-height: 110px; resize: vertical; } #gform_wrapper_2 .ginput_container input::placeholder, #gform_wrapper_2 .ginput_container textarea::placeholder { color: var(--c-label); } #gform_wrapper_2 .gform-footer, #gform_wrapper_2 .gform_footer { margin: 6px 0 0; padding: 0; } #gform_wrapper_2 #gform_submit_button_2 { background: transparent; color: var(--c-black); border: 0; border-radius: 0; padding: 0; font: 600 14px/1 var(--f-body); letter-spacing: .04em; text-transform: none; cursor: pointer; display: inline-flex; align-items: center; gap: 12px; box-shadow: none; } #gform_wrapper_2 #gform_submit_button_2::after { /* svg i.p.v. een tekst-pijltje (content:"→") -- die werd door een lettertype-fallback leeggeslikt en toonde enkel de lege cirkel. Zelfde inline-svg-aanpak als de favourites-/pinterest-slider-pijltjes, geen font-afhankelijkheid meer. */ content: ""; display: block; width: 34px; height: 34px; border: 1px solid var(--c-black); border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") no-repeat center; }