/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/
:root { --accent: #4f6ef7; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(79, 110, 247, 1), -10px 10px rgba(79, 110, 247, 0.2), -10px -10px rgba(79, 110, 247, 1), 10px -10px rgba(79, 110, 247, 0.2); } 25% { box-shadow: -10px 10px rgba(79, 110, 247, 0.2), -10px -10px rgba(79, 110, 247, 1), 10px -10px rgba(79, 110, 247, 0.2), 10px 10px rgba(79, 110, 247, 1); } 50% { box-shadow: -10px -10px rgba(79, 110, 247, 1), 10px -10px rgba(79, 110, 247, 0.2), 10px 10px rgba(79, 110, 247, 1), -10px 10px rgba(79, 110, 247, 0.2); } 75% { box-shadow: 10px -10px rgba(79, 110, 247, 0.2), 10px 10px rgba(79, 110, 247, 1), -10px 10px rgba(79, 110, 247, 0.2), -10px -10px rgba(79, 110, 247, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #0e1116 }/* ========================================================= PRO FIX (Mobile): Hero unter Header – sauber & automatisch - Kein body-padding - Abstand passt sich der Headerhöhe an ========================================================= */ @media (max-width: 767px){ /* 1) Falls irgendwo gesetzt: globalen Offset entfernen */ body { padding-top: 0 !important; } /* 2) Header-Höhe als Variable (wird automatisch überschrieben, wenn möglich) */ :root{ --ld-header-h: 72px; /* fallback */ --ld-hero-gap: 22px; /* extra Luft unter Header */ } /* 3) Versuche echte Header-Höhe zu nutzen (falls Theme sticky header nutzt) */ .c27-main-header{ --ld-header-h: 72px; } /* 4) Nur Startseite: Hero/erste Elementor-Sektion bekommt genug Abstand */ body.home .elementor-section-wrap > .elementor-section:first-child, body.home .elementor > .elementor-section:first-child{ padding-top: calc(var(--ld-header-h) + var(--ld-hero-gap)) !important; } /* 5) Professionelle Typo für Mobile Hero */ body.home h1, body.home .elementor-heading-title{ font-size: clamp(22px, 6.2vw, 30px) !important; line-height: 1.12 !important; letter-spacing: -0.2px; margin: 0 0 12px !important; } body.home .elementor-widget-text-editor, body.home .elementor-widget-text-editor p{ font-size: 15px !important; line-height: 1.45 !important; margin: 0 0 18px !important; opacity: 0.92; } /* 6) CTA Buttons – einheitlich, nicht „klobig“ */ body.home .elementor-button, body.home a.button, body.home .buttons{ display: inline-flex !important; align-items: center; justify-content: center; padding: 12px 18px !important; border-radius: 14px !important; min-height: 44px; /* mobile tap target */ } /* 7) Header selbst etwas „luftiger“ aber kompakt */ .c27-main-header{ padding-top: 10px !important; padding-bottom: 10px !important; } } /* ========================================= FIX: Archive Heading & Section Titles ========================================= */ /* Archive-Überschrift (z.B. "Hello, andre!") */ .archive-heading h1{ color: rgba(229,231,235,0.95) !important; opacity: 1 !important; font-weight: 800; } /* Section Titles (z.B. "Wähle ein Paket aus") */ .section-title h2{ color: rgba(229,231,235,0.90) !important; opacity: 1 !important; font-weight: 700; } /* Optional: bessere Lesbarkeit auf Mobile */ @media (max-width: 767px){ .archive-heading h1{ font-size: 22px; line-height: 1.3; } .section-title h2{ font-size: 20px; line-height: 1.35; } } .quick-listing-actions > ul > li > a:hover span{ color: #4F6EF7 !important; } .quick-listing-actions > ul > li > a:hover i{ color: #4F6EF7 !important; } /* ========================================= FIX: Welcome Message + Select2 Text ========================================= */ /* Dashboard Begrüßung */ .mlduo-welcome-message h1{ color: rgba(229,231,235,0.95) !important; font-weight: 700; } /* Select2 ausgewählter Wert */ .select2-container--default .select2-selection--single .select2-selection__rendered{ color: rgba(229,231,235,0.92) !important; opacity: 1 !important; } /* Select2 Platzhalter */ .select2-container--default .select2-selection--single .select2-selection__placeholder{ color: rgba(229,231,235,0.55) !important; opacity: 1 !important; } /* ========================================= Select2 – Optionen Hintergrund (Dark UI) ========================================= */ /* Grundzustand der Optionen */ .select2-container--default .select2-results__option{ background: #151A21 !important; color: rgba(229,231,235,0.92) !important; } /* Hover */ .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background: rgba(255,255,255,0.08) !important; color: #fff !important; } /* Aktive / ausgewählte Option */ .select2-container--default .select2-results__option--selected{ background: rgba(79,110,247,0.22) !important; color: #fff !important; } /* ========================================= Quick Listing Actions – Dark UI Fix ========================================= */ /* List Item */ .quick-listing-actions > ul > li{ margin: 0; } /* Link selbst */ .quick-listing-actions > ul > li > a{ display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-radius: 10px; color: rgba(229,231,235,0.92) !important; font-weight: 600; transition: background .2s ease, color .2s ease; } /* Text */ .quick-listing-actions > ul > li > a span{ color: rgba(229,231,235,0.92) !important; } /* Icon */ .quick-listing-actions > ul > li > a i{ color: rgba(229,231,235,0.75); font-size: 18px; transition: color .2s ease; } /* Hover */ .quick-listing-actions > ul > li > a:hover{ background: rgba(255,255,255,0.06); } .quick-listing-actions > ul > li > a:hover span, .quick-listing-actions > ul > li > a:hover i{ color: #4F6EF7 !important; }