/*
Theme Name: Alico Child
Theme URI: https://gkoutrasinsurance.gr
Description: Child theme του Alico για την Gkoutras Insurance. Όλες οι προσαρμογές
             μπαίνουν εδώ, ώστε να επιβιώνουν από τα updates του parent θέματος.
Author: Gkoutras Insurance
Template: alico
Version: 1.0.0
Text Domain: alico-child
*/

/* ═══════════════════════════════════════════════════════════════════════
   Προσθήκες αρχικής σελίδας (Σεπτ. 2026)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Κάρτες κατηγοριών οχημάτων ──────────────────────────────────────────
   Ίσο ύψος ανά σειρά και λιτό λευκό στυλ αντί για το γκρι #eaeaea του
   parent. Οι κλάσεις μπαίνουν από τα Elementor widgets της ενότητας
   «Εξειδίκευση στα οχήματα».                                             */
.gk-vehicles .elementor-widget-wrap {
    align-content: stretch;
    align-items: stretch;
}

.gk-vehicle-box,
.gk-vehicle-box > .elementor-widget-container {
    height: 100%;
}

.gk-vehicle-box .ct-fancy-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #E4EAF2;
    box-shadow: 0 2px 14px rgba(0, 14, 41, .05);
}

.gk-vehicle-box .item--holder {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.gk-vehicle-box .item--description { color: #5A6A85; }
.gk-vehicle-box .item--button      { margin-top: auto; }

/* ── Χωρίς animations στην αρχική και στο footer ─────────────────────────
   Τα ct_animate έχουν ήδη αφαιρεθεί από τα widgets της αρχικής. Αυτό εδώ
   είναι δίχτυ ασφαλείας για ό,τι wow παράγουν μόνα τους τα templates του
   parent — και για την περίπτωση που κάποιος ξαναβάλει animation από τον
   Elementor χωρίς να το θέλει.                                            */
.home .wow,
.home .animated,
.ct-footer .wow,
.ct-footer .animated,
footer .wow,
footer .animated {
    -webkit-animation: none !important;
    animation: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.home .elementor-invisible,
footer .elementor-invisible { visibility: visible !important; }

/* ═══════════════════════════════════════════════════════════════════════
   Φόρμα επικοινωνίας (Contact Form 7)
   ═══════════════════════════════════════════════════════════════════════ */

.gk-contact-form .wpcf7-form p { margin-bottom: 16px; }

.gk-contact-form label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #000E29;
    margin-bottom: 6px;
    width: 100%;
}

.gk-contact-form .req { color: #DD3333; }

/* Δύο πεδία ανά γραμμή σε desktop */
.gk-contact-form .gk-form-row {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
.gk-contact-form .gk-form-row .gk-col {
    flex: 1 1 220px;
    min-width: 0;
}

.gk-contact-form input[type="text"],
.gk-contact-form input[type="email"],
.gk-contact-form input[type="tel"],
.gk-contact-form select,
.gk-contact-form textarea {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 400;
    color: #000E29;
    background-color: #fff;
    border: 1px solid #E4EAF2;
    border-radius: 4px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.gk-contact-form input:focus,
.gk-contact-form select:focus,
.gk-contact-form textarea:focus {
    border-color: #0067CC;
    box-shadow: 0 0 0 3px rgba(0, 103, 204, .12);
}

.gk-contact-form textarea { resize: vertical; min-height: 130px; }

/* Αποδοχή όρων: μικρότερο, χωρίς bold */
.gk-contact-form .wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #5A6A85;
}
.gk-contact-form .wpcf7-acceptance input[type="checkbox"] {
    width: auto;
    margin-top: 3px;
    flex: 0 0 auto;
}

/* Κουμπί αποστολής: ίδιο με τα υπόλοιπα του site */
.gk-contact-form input[type="submit"] {
    min-width: 190px;
    height: 48px;
    padding: 0 26px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #0067CC;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .2s ease;
}
.gk-contact-form input[type="submit"]:hover { background-color: #002BE0; }

/* Μηνύματα επιτυχίας/σφάλματος */
.gk-contact-form .wpcf7-response-output {
    margin: 18px 0 0;
    padding: 12px 16px;
    font-size: 15px;
    border-radius: 4px;
    border-width: 1px;
}
.gk-contact-form .wpcf7-not-valid-tip { font-size: 13px; color: #DD3333; margin-top: 4px; }
.gk-contact-form .wpcf7-spinner { margin-left: 12px; }

/* ── Σελίδα Επικοινωνίας (page-id-24) ────────────────────────────────────
   Στοιχεία επικοινωνίας αριστερά σε στήλη, φόρμα δεξιά σε κάρτα.
   Σημείωση: ο Elementor αυτής της έκδοσης ΔΕΝ αποδίδει custom classes σε
   στήλες, γι' αυτό στοχεύουμε μέσω του body class της σελίδας.            */
.page-id-24 .elementor-widget-ct_fancy_box .ct-fancy-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
}

.page-id-24 .elementor-widget-ct_fancy_box .item--icon {
    flex: 0 0 auto;
    margin-bottom: 0;
    line-height: 1;
}

.page-id-24 .elementor-widget-ct_fancy_box .item--title {
    font-size: 18px;
    margin-bottom: 4px;
}

.page-id-24 .elementor-widget-ct_fancy_box .item--description {
    color: #5A6A85;
    line-height: 1.7;
}

/* Η φόρμα σε κάρτα ώστε να ξεχωρίζει από τα στοιχεία δίπλα της */
.page-id-24 .gk-contact-form > .elementor-widget-container {
    background-color: #fff;
    border: 1px solid #E4EAF2;
    border-radius: 6px;
    box-shadow: 0 2px 18px rgba(0, 14, 41, .05);
    padding: 32px 32px 24px;
}

@media (max-width: 767px) {
    .page-id-24 .gk-contact-form > .elementor-widget-container { padding: 24px 20px 18px; }
    .gk-contact-form .gk-form-row { gap: 0; }
}

/* Χάρτης επικοινωνίας: boxed, με τις ίδιες γωνίες/περίγραμμα με την κάρτα της φόρμας. */
.gk-map {
    position: relative;
    width: 100%;
    height: 420px;
    border: 1px solid #E4EAF2;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 18px rgba(0, 14, 41, .05);
}
.gk-map iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
@media (max-width: 767px) { .gk-map { height: 320px; } }

/* Τηλέφωνα / email στα στοιχεία επικοινωνίας: clickable χωρίς να αλλάζει η εμφάνιση */
.page-id-24 .elementor-widget-ct_fancy_box .item--description a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}
.page-id-24 .elementor-widget-ct_fancy_box .item--description a:hover { color: #0067CC; }


/* Στοιχεία επικοινωνίας σε 2άδες (2×2).
   Ο Elementor δεν αποδίδει classes σε στήλες, οπότε πιάνουμε τη στήλη μέσω του περιεχομένου της. */
.page-id-24 .elementor-widget-wrap:has(> .elementor-widget-ct_fancy_box) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px 28px;
    align-content: start;
}
.page-id-24 .elementor-widget-wrap:has(> .elementor-widget-ct_fancy_box) > .elementor-widget {
    width: 100%;
    margin: 0 !important;
}
@media (max-width: 479px) {
    .page-id-24 .elementor-widget-wrap:has(> .elementor-widget-ct_fancy_box) {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* Χωρίς animation στα εικονίδια (το θέμα τα περιστρέφει 360° στο hover). */
.page-id-24 .ct-fancy-box .item--icon i,
.page-id-24 .ct-fancy-box .item--icon svg,
.page-id-24 .ct-fancy-box:hover .item--icon i,
.page-id-24 .ct-fancy-box:hover .item--icon svg {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    animation: none !important;
}
.page-id-24 .ct-fancy-box,
.page-id-24 .ct-fancy-box:hover {
    -webkit-transform: none !important;
    transform: none !important;
}

/* Ο χάρτης κάτω από τα στοιχεία επικοινωνίας, σε όλο το πλάτος της στήλης. */
.page-id-24 .elementor-widget-wrap:has(> .elementor-widget-ct_fancy_box) > .gk-map-widget {
    grid-column: 1 / -1;
    margin-top: 6px !important;
}
.page-id-24 .gk-map-widget .gk-map { height: 319px; }   /* κάτω άκρη στο ύψος της κάρτας της φόρμας */
@media (max-width: 1024px) { .page-id-24 .gk-map-widget .gk-map { height: 340px; } }
/* περισσότερος αέρας πριν το footer τώρα που η σελίδα τελειώνει στη φόρμα */
.page-id-24 .site-content > .elementor-24 > .elementor-section:last-child { padding-bottom: 90px; }

/* Τηλέφωνα σε δύο στήλες: 4 αριθμοί -> 2 γραμμές αντί για 4.
   Ο τρίτος fancy box είναι αυτός με τα τηλέφωνα. */
.page-id-24 .elementor-widget-ct_fancy_box:nth-of-type(3) .item--description {
    column-count: 2;
    column-gap: 18px;
}
@media (max-width: 479px) {
    .page-id-24 .elementor-widget-ct_fancy_box:nth-of-type(3) .item--description { column-count: 2; }
}

/* Ωράριο: κάθε γραμμή να μη σπάει στη μέση («Δευ - Πεμ: 09.00 -» / «21.00,»).
   Ο 4ος fancy box είναι το ωράριο. */
.page-id-24 .elementor-widget-ct_fancy_box:nth-of-type(4) .item--description {
    white-space: nowrap;
}