/*
Theme Name: Rotary Oostende Maritiem
Theme URI: https://mcore-services.be
Description: Maatwerk child theme voor events-rom.com. Bevat het event-berichttype met bijhorende shortcodes en schema, de WooCommerce-koppeling voor ticketverkoop en fysieke verkoop, en de leveradressenmodule van de kerstboomactie. Gebouwd op Hello Elementor.
Author: Michael Vanderschelde — MCore Services
Author URI: https://mcore-services.be
Template: hello-elementor
Version: 2.1.0
Text Domain: rom-events
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready

Support:  help@mcore-services.be  ·  https://mcore-services.app
*/

/* ===========================================================================
 * Dit bestand bevat alleen site-brede basisstijlen: formuliervelden, knoppen
 * en een paar WooCommerce-correcties.
 *
 * Modulestijlen staan apart en worden los ingeladen:
 *   assets/css/snow.css            hero-sneeuw en verloopruis
 *   assets/css/shop-cards.css      productkaarten kerstboomactie
 *   assets/css/delivery-plan.css   leveradressenpagina
 *
 * De eerste twee worden ingeladen in functions.php, de derde door
 * inc/shop/delivery-plan.php en alleen op de pagina met die shortcode.
 * ======================================================================== */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Hide "Select options" text — replace with cleaner label */
.woocommerce ul.products li.product a.button.product_type_variable::after {
    content: 'Bekijk product';
}

form select,
form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
textarea {
    width: 100% !important;
    font-family: var(--e-global-typography-text-font-family) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    font-size: 0.9rem !important;
    padding: .6rem .875rem !important;
    border: 1.5px solid var(--e-global-color-34d57d1) !important;
    border-radius: 0.5rem !important;
    background: var(--e-global-color-9f98840) !important;
    transition: border-color 0.2s ease !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

form select:focus,
form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(23,65,139,.1) !important;
    border-color: var(--e-global-color-primary) !important;
}

form input[type="checkbox"],
form input[type="radio"] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    appearance: auto;
    -webkit-appearance: auto;
    accent-color: var(--e-global-color-primary);
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
}

form select:focus, form input:focus,
form .quantity:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(23,65,139,.1);
    border-color: var(--e-global-color-primary);
}

.gform_button,
.gform_button[type="submit"] {
    background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-text-font-family) !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.6875rem 1.5rem !important;
    border-radius: 0.375rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    width: auto !important;
}

.gform_button:hover,
.gform_button[type="submit"]:hover {
    background-color: #c98800 !important;
    box-shadow: 0 4px 12px rgba(247,164,0,.35) !important;
}