/*
Theme Name: Greenola
Theme URI: https://greenola.casethemes.net/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Greenola  is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenola
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

*/

.pxl-post--icon {
  display: none;
}

/* =========================================================
   POPUP & FORMULAR STYLING (Anfrage Catalog Mode)
   ========================================================= */

/* 1. Das Popup-Gehäuse: Mehr Platz und Luft am Rand */
/* Ersetze .pum-container mit deiner Popup-Klasse, falls du nicht Popup Maker nutzt (z.B. .elementor-popup-modal) */
.pum-container, 
.dein-popup-wrapper {
    padding: 40px !important;
    border-radius: 8px !important; /* Leichte, moderne Abrundung */
    background: #ffffff;
}

/* 2. Überschrift im Popup */
.pum-container h2, 
.pum-container h3,
.dein-popup-wrapper h2 {
    font-family: "Tenor Sans", sans-serif !important;
    color: var(--dark-1, #1e2227) !important;
    margin-bottom: 25px !important;
    text-align: center;
}

/* 3. Abstand zwischen den Formularfeldern */
.pum-container .form-row,
.pum-container .wpcf7-form-control-wrap,
.pum-container .ff-el-group {
    margin-bottom: 20px !important;
    display: block;
}

/* 4. Labels (Die Beschriftung über den Feldern) */
.pum-container label {
    font-family: "Inter", sans-serif !important;
    color: var(--text-1, #646464) !important;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    font-weight: 500;
}

/* 5. Die Eingabefelder selbst (Text, E-Mail, Nachricht) */
.pum-container input[type="text"],
.pum-container input[type="email"],
.pum-container input[type="tel"],
.pum-container textarea {
    width: 100% !important;
    padding: 14px 16px !important;
    /* Nutzt dein graues Border-Theme aus der style.css */
    border: 1px solid var(--boarder-grey-1, #d7d7d7) !important; 
    border-radius: 4px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
    color: var(--text-1, #646464) !important;
    /* Ein ganz leichtes Grau als Hintergrund, passend zu deinem Theme */
    background: var(--light-blue-grey-1, #f5f7fa) !important; 
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

/* 6. Wenn man in ein Feld klickt (Fokus) */
.pum-container input:focus,
.pum-container textarea:focus {
    border-color: var(--primary-color, #003973) !important;
    outline: none !important;
    background: #ffffff !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) !important;
}

/* 7. Der Senden- / Anfrage-Button */
.pum-container input[type="submit"],
.pum-container button[type="submit"],
.pum-container .wpcf7-submit {
    width: 100% !important;
    padding: 16px 20px !important;
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease !important;
    margin-top: 15px !important;
}

/* 8. Button Hover-Effekt */
.pum-container input[type="submit"]:hover,
.pum-container button[type="submit"]:hover,
.pum-container .wpcf7-submit:hover {
    background-color: var(--hover-bg-color, var(--secondary-color)) !important;
    color: #ffffff !important;
}