/* Φόρμα AI (ai/partials/*-wizard-*) μέσα στη landing.php — μόνο όταν η landing έχει show_ai_form = 1.
   Η φόρμα έρχεται με τα δικά της styles (scoped .wizard-* / .plumb-* / .pest-*). Εδώ ΜΟΝΟ ό,τι χρειάζεται για να
   φαίνεται ίδια με τη σελίδα /ai μέσα στη landing (το new-landing.css έχει γενικούς κανόνες σε li / a / div). */

/* Το κουτί της φόρμας ερωτήσεων της landing δεν χρειάζεται: η κάρτα της φόρμας έχει δικό της πλαίσιο */
.online-form-outer.ai-form-landing {
    background: none;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin: 0;
}

/* Βασικά χρώματα κειμένου όπως στη σελίδα /ai (εκεί: γενικός κανόνας της σελίδας = #000, span = #062a78).
   Το :where() κρατά το βάρος στο επίπεδο του tag (0,0,1): νικά τον γενικό κανόνα του new-landing.css
   (φορτώνεται μετά), αλλά ΧΑΝΕΙ από κάθε class της φόρμας — ακριβώς όπως στη σελίδα /ai. */
:where(.ai-form-landing) :is(h1, h2, h3, h4, h5, h6, p, a, strong, b, div) { color: #000; }
:where(.ai-form-landing) span { color: #062a78; }

/* Λίστες και παράγραφοι της φόρμας (✓ τιμής, βήματα loader, FAQ τιμής): το new-landing.css βάζει σε κάθε li
   padding 5px και σε li/p άλλη γραμματοσειρά */
:where(.ai-form-landing) li { padding-top: 0; padding-bottom: 0; font-family: 'Montserrat-Medium'; }
:where(.ai-form-landing) p { font-family: 'Montserrat-Medium'; }

/* Κινητό: H1 → αστέρια → φόρμα → εικόνα → περιγραφή → box1 (όπως στη σελίδα /ai: πρώτα ο τίτλος, μετά η φόρμα).
   Οι landings με τη φόρμα ερωτήσεων κρατούν τη δική τους σειρά (φόρμα πρώτη) — αυτό ισχύει ΜΟΝΟ στο .col6-top-ai.
   Τα στοιχεία τα μετακινεί ήδη το manageQuestions() (H1+περιγραφή → .h1-landing-mobile, φόρμα → .questions-area-mobile). */
@media (max-width: 991px) {
    .col6-top-ai > .row:first-child > .col-md-12 { display: flex; flex-direction: column; }
    .col6-top-ai .h1-landing-mobile { display: contents; }
    .col6-top-ai .h1-landing-mobile > .h1-landing-page { order: -3; }
    .col6-top-ai .starts-mobile { order: -2; }
    .col6-top-ai .questions-area-mobile { order: -1; }
    .col6-top-ai .h1-landing-mobile > .landing-page-desc { order: 1; }
    .col6-top-ai .content-box-1 { order: 2; }
}