/*
Theme Name: Rossis Real Estate Child
Theme URI: https://rossisrealestate.gr
Description: Child theme του WPResidence για τη Rossis Real Estate. Εφαρμόζει το brand look (πράσινο Rossis, Playfair Display + Inter) και διόρθωση της αναζήτησης. Διατηρεί ΑΚΕΡΑΙΑ όλη τη λειτουργικότητα και τα δεδομένα του WPResidence.
Author: Rossis Real Estate
Template: wpresidence
Version: 1.9.0
Text Domain: rossis-child
*/

/* === BRAND TOKENS === */
:root{
  --rossis-green:       #23854a;
  --rossis-green-dark:  #155730;
  --rossis-green-soft:  #7dd394;
  --rossis-ink:         #1a1a1a;
}

/* === TYPOGRAPHY === */
body,
.wpresidence_body,
p, li, span, input, select, textarea, button,
.listing_unit_price_intro,
.property_listing,
.entry-content{
  font-family: 'Inter', -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1, h2, h3, h4, h5,
.entry-title, .page-title,
.listing_title, .property_title_label,
.listing_detail_title, .agent_unit_name,
.wpestate_estate_property_design_panel_title{
  font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
  letter-spacing: -0.3px;
}

/* === STARTER ACCENTS (refined on staging) === */
a:hover{ color: var(--rossis-green); }
.price_label,
.listing_unit_price_intro,
.listing_detail_price,
.property_price_top{ color: var(--rossis-green) !important; }
.button, .wpresidence_button,
.adv-search-btn,
input[type="submit"],
.wpestate_search_button{
  background-color: var(--rossis-green) !important;
  border-color: var(--rossis-green) !important;
  color:#fff !important;
}
.button:hover, .wpresidence_button:hover,
input[type="submit"]:hover{
  background-color: var(--rossis-green-dark) !important;
  border-color: var(--rossis-green-dark) !important;
}

/* ============================================================
   HEADER — match demo (green CTA button + active underline)
   ============================================================ */

/* Πράσινο κουμπί "Επικοινωνία" (στοιχείο μενού με κλάση rossis-cta) */
li.rossis-cta > a,
.rossis-cta > a {
  background: var(--rossis-green) !important;
  color: #fff !important;
  padding: 10px 22px !important;
  border-radius: 3px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  transition: background .2s ease;
}
li.rossis-cta > a:hover,
.rossis-cta > a:hover {
  background: var(--rossis-green-dark) !important;
  color: #fff !important;
}
/* Καθάρισε τυχόν κάτω-γραμμή/border του theme πάνω στο κουμπί */
li.rossis-cta.current-menu-item > a,
li.rossis-cta > a {
  border-bottom: none !important;
}

/* Πράσινη υπογράμμιση στο ΕΝΕΡΓΟ στοιχείο μενού (όπως demo)
   Σκόπιμα text-decoration αντί για border-bottom: το border-bottom
   ακολουθεί το ύψος/line-height του γονικού <a> (που στο header γεμίζει
   ολόκληρο το ύψος του header bar) και κατέληγε πολύ χαμηλά, μακριά από
   το κείμενο. Το text-decoration ζωγραφίζεται σε σχέση με τη γραμματοσειρά/
   baseline, άρα «αγκαλιάζει» το κείμενο ανεξάρτητα από το ύψος του header. */
.current-menu-item > a,
.current_page_item > a,
.current-menu-ancestor > a {
  color: var(--rossis-green) !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  text-decoration: underline !important;
  text-decoration-color: var(--rossis-green) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 6px !important;
}

/* Hover πράσινο σε όλα τα στοιχεία μενού */
#header_container .menu > li > a:hover,
.main_page_menu > li > a:hover,
nav .menu > li > a:hover {
  color: var(--rossis-green) !important;
}

/* --- CTA μετακινημένο τέρμα δεξιά (όπου ήταν το τηλέφωνο), όπως demo --- */
/* Τηλέφωνο: κρυμμένο από το header (μένει στο footer), όπως το demo */
.user_menu .header_phone { display: none !important; }

/* Avatar / πρόσβαση διαχειριστή: εμφανίζεται ΜΟΝΟ σε συνδεδεμένο χρήστη.
   Οι επισκέπτες βλέπουν καθαρό header (όπως demo). Ο διαχειριστής
   συνδέεται από /wp-admin και μετά βλέπει εδώ το avatar του. */
body:not(.logged-in) .user_menu .menu_user_picture,
body:not(.logged-in) .user_menu .navicon-button,
body:not(.logged-in) #user_menu_open { display: none !important; }

/* Avatar σύνδεσης: το theme βάζει inline background-image με το φτηνό
   default_user_small.png + πράσινο border-1px (var(--wp-estate-menu-font-color-option)).
   Αντικαθιστούμε με καθαρό, διακριτικό inline-SVG εικονίδιο χρήστη (χωρίς αλλαγή
   markup/JS — το dropdown/λειτουργικότητα του user_menu μένει άθικτη). */
#user_menu_u .menu_user_picture {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #e0e0e0 !important;
  background-color: #f7f7f7 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.2' r='3.6' fill='none' stroke='%23888888' stroke-width='1.6'/%3E%3Cpath d='M5 19.5c0-4 3.2-6.3 7-6.3s7 2.3 7 6.3' fill='none' stroke='%23888888' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  transition: border-color .2s ease, background-color .2s ease;
  cursor: pointer;
}
#user_menu_u .menu_user_picture:hover {
  border-color: var(--rossis-green) !important;
  background-color: #f5faf6 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.2' r='3.6' fill='none' stroke='%2323854a' stroke-width='1.6'/%3E%3Cpath d='M5 19.5c0-4 3.2-6.3 7-6.3s7 2.3 7 6.3' fill='none' stroke='%2323854a' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Avatar σύνδεσης — ΑΠΟΣΥΝΔΕΔΕΜΕΝΟΣ χρήστης (guest): το theme βάζει το
   guest login icon (SVG person, top_user_menu.php) μέσα σε .submit_action.
   Η κλάση αυτή έπεφτε κατά λάθος μέσα στον παλιό γενικό κανόνα "κάνε όλα
   τα κουμπιά πράσινα" (.button,.submit_action,...) — collision, όχι
   πρόθεση: εδώ δεν είναι κουμπί, είναι wrapper για το login icon. Ίδιο
   premium look με το avatar συνδεδεμένου χρήστη (#user_menu_u .menu_user_picture). */
#user_menu_u .submit_action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  background-color: #f7f7f7 !important;
  transition: border-color .2s ease, background-color .2s ease;
}
#user_menu_u .submit_action svg {
  fill: #888 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
#user_menu_u .submit_action:hover {
  border-color: var(--rossis-green) !important;
  background-color: #f5faf6 !important;
}
#user_menu_u .submit_action:hover svg {
  fill: var(--rossis-green) !important;
}

/* ============================================================
   §LOGO — μεγαλύτερο header λογότυπο, ανεξάρτητη κλίμακα εικόνας/
   κειμένου (functions.php §17, override wpestate_display_logo()).
   Δύο ξεχωριστά <img> (σπίτι + γράμματα) μέσα σε flex wrapper,
   ευθυγραμμισμένα στη βάση με μικρό κενό — αντικαθιστά το ΕΝΑ
   flat combined PNG που είχε το site (αδύνατο να κλιμακωθεί
   ανεξάρτητα ανά κομμάτι). Το parent theme's `.logo img{max-width;
   max-height}` (βλ. _header_type1.scss) στοχεύει ΟΛΑ τα <img> μέσα
   στο .logo — εδώ παίρνουμε προτεραιότητα με ρητό ύψος ανά εικόνα.
   ============================================================ */
.rossis-logo-split a{
  display: flex !important;
  align-items: flex-end;
  gap: 10px;
}
.rossis-logo-split .rossis-logo-icon{
  max-width: none !important;
  width: auto !important;
  height: 65px !important;
  max-height: none !important;
}
.rossis-logo-split .rossis-logo-text{
  max-width: none !important;
  width: auto !important;
  height: 55px !important;
  max-height: none !important;
  margin-bottom: 4px; /* οπτική ευθυγράμμιση με τη βάση της στέγης, όχι της "ουράς" του σπιτιού */
}
/* Sticky header: το parent μικραίνει το λογότυπο σε scroll (βλ.
   .master_header_sticky .logo img{max-height:60px} στο parent CSS) —
   ίδια αναλογία μικρύνσεως και στα δύο κομμάτια μας εδώ. */
.master_header_sticky .rossis-logo-split .rossis-logo-icon{ height: 48px !important; }
.master_header_sticky .rossis-logo-split .rossis-logo-text{ height: 40px !important; }

@media (max-width: 1400px){
  .rossis-logo-split .rossis-logo-icon{ height: 56px !important; }
  .rossis-logo-split .rossis-logo-text{ height: 47px !important; }
}

/* ============================================================
   PAGINATION — κενά "κουτάκια" ανάμεσα στους αριθμούς σελίδων
   ------------------------------------------------------------
   Bug στο parent theme (libs/help_functions.php, wpestate_pagination()
   και παραλλαγές): κάθε αριθμημένο <li> "κλείνει" με ένα ΔΕΥΤΕΡΟ <li>
   αντί για </li> (typo, χρησιμοποιείται σε ΟΛΕΣ τις σελίδες με σελιδοποίηση
   — αναζήτηση, blog, agents κ.λπ.). Ο browser αυτόματα κλείνει το ανοιχτό
   <li> μόλις δει το επόμενο <li>, με αποτέλεσμα ανάμεσα σε κάθε πραγματικό
   αριθμό να δημιουργείται ένα εντελώς άδειο <li> (χωρίς περιεχόμενο/παιδιά).
   Αντί να πειράξουμε πυρήνα του parent theme, κρύβουμε στοχευμένα μόνο
   αυτά τα πραγματικά κενά <li> μέσα σε .pagination — τα πραγματικά links
   δεν επηρεάζονται καθόλου. */
ul.pagination li:empty {
  display: none !important;
}

.rossis-cta-btn {
  display: inline-block;
  background: var(--rossis-green);
  color: #fff !important;
  padding: 10px 22px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: .3px;
  line-height: 1;
  text-decoration: none !important;
  margin-right: 8px;
  white-space: nowrap;
}
.rossis-cta-btn:hover { background: var(--rossis-green-dark); color: #fff !important; }

/* Desktop: χρησιμοποιούμε το μετακινημένο κουμπί, κρύβουμε το στοιχείο μενού */
@media (min-width: 993px) {
  li.rossis-cta { display: none !important; }
}
/* Mobile: κρύβουμε το δεξί κουμπί, το "Επικοινωνία" μένει στο κινητό μενού */
@media (max-width: 992px) {
  .rossis-cta-btn { display: none !important; }
}

/* ============================================================
   SEARCH BAR — demo look (tabs + οριζόντια πεδία + πράσινο κουμπί)
   ============================================================ */
.rossis-search{
  max-width: 1160px;
  margin: -60px auto 0;
  background:#fff;
  border-radius:6px;
  box-shadow:0 12px 40px rgba(0,0,0,.12);
  position:relative;
  z-index:5;
  overflow:hidden;
  font-family:'Inter',sans-serif;
}
.rossis-search-tabs{ display:flex; border-bottom:1px solid #ececec; }
.rossis-search .rs-tab{
  padding:16px 28px; font-size:13px; font-weight:500; color:#888;
  cursor:pointer; border:none; border-bottom:2px solid transparent;
  letter-spacing:.3px; background:transparent; font-family:inherit;
}
.rossis-search .rs-tab.active{ color:var(--rossis-green); border-bottom-color:var(--rossis-green); background:#f5faf6; }
.rossis-search .rs-tab:hover{ color:var(--rossis-green); }

.rossis-search-row{ display:grid; grid-template-columns:1.2fr 1fr 1fr 1.4fr auto; align-items:end; padding:20px 24px; }
.rossis-search .rs-field{ padding:0 18px; border-right:1px solid #ececec; }
.rossis-search .rs-field:first-child{ padding-left:0; }
.rossis-search .rs-price{ padding:0; border-right:none; display:grid; grid-template-columns:1fr 1fr; }
.rossis-search .rs-price .rs-field{ border-right:1px solid #ececec; }
.rossis-search .rs-price .rs-field:last-child{ border-right:none; padding-right:0; }
.rossis-search .rs-field label{ display:block; font-size:10px; letter-spacing:1.6px; color:#999; margin-bottom:6px; font-weight:500; text-transform:uppercase; }
.rossis-search .rs-field select{
  border:none; outline:none; font-family:inherit; font-size:14px; color:#1a1a1a;
  background:transparent; width:100%; padding:0; font-weight:500; cursor:pointer;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
.rossis-search .rs-go{
  background:var(--rossis-green); color:#fff; border:none; padding:14px 24px;
  font-size:13px; font-weight:500; letter-spacing:.5px; cursor:pointer;
  display:flex; align-items:center; gap:8px; border-radius:4px; margin-left:14px;
  font-family:inherit; white-space:nowrap;
}
.rossis-search .rs-go:hover{ background:var(--rossis-green-dark); }
.rossis-search .rs-go svg{ width:15px; height:15px; fill:none; stroke:#fff; stroke-width:2; }

/* Υπνοδωμάτια — dropdown με checkboxes (πολλαπλή επιλογή), βλ. functions.php §20 */
.rossis-search .rs-bedrooms-field{ position:relative; }
.rossis-search .rs-bedrooms-toggle{
  border:none; outline:none; background:transparent; padding:0; margin:0;
  font-family:inherit; font-size:14px; color:#1a1a1a; font-weight:500;
  cursor:pointer; width:100%; text-align:left;
}
/* (2026-08-27) position:fixed ΟΧΙ absolute — το .rossis-search έχει
   overflow:hidden (για να κόβει τις τετράγωνες γωνίες του active tab
   στις στρογγυλεμένες γωνίες της κάρτας, βλ. πιο πάνω) και σε desktop
   πλάτος η κάρτα δεν έχει άλλο περιεχόμενο κάτω από τη σειρά πεδίων
   ώστε να "χωράει" το panel μέσα στο κουτί της — έκοβε ΟΛΟΚΛΗΡΟ το
   dropdown αόρατο. Σε tablet/mobile "δούλευε" τυχαία επειδή τα πεδία
   στοιβάζονται κάθετα (Τιμή/κουμπί ακολουθούν από κάτω, δίνοντας στο
   κουτί αρκετό πραγματικό ύψος). Με position:fixed το panel βγαίνει
   ΕΞΩ από το overflow:hidden container (η κάρτα δεν έχει transform,
   άρα το fixed είναι πάντα σχετικό με το viewport) — θέση/πλάτος
   ορίζονται δυναμικά από JS (βλ. functions.php §5) όταν ανοίγει.
   ΔΕΝ αγγίχτηκε το overflow:hidden της .rossis-search — παραμένει για
   τη σωστή εμφάνιση του tab bar. */
.rossis-search .rs-bedrooms-panel{
  display:none; position:fixed; z-index:9999999;
  background:#fff; border-radius:6px; box-shadow:0 12px 30px rgba(0,0,0,.15);
  padding:12px 16px; min-width:160px; gap:8px; flex-direction:column;
}
.rossis-search .rs-bedrooms-field.rs-bedrooms-open .rs-bedrooms-panel{ display:flex; }
.rossis-search .rs-bedrooms-opt{ display:flex; align-items:center; gap:8px; font-size:13px; color:#333; cursor:pointer; font-weight:400; text-transform:none; letter-spacing:normal; }
.rossis-search .rs-bedrooms-opt input{ margin:0; cursor:pointer; }

@media (max-width: 992px){
  .rossis-search{ margin:-40px 16px 0; }
  .rossis-search-row{ grid-template-columns:1fr; }
  .rossis-search .rs-field{ border-right:none; border-bottom:1px solid #ececec; padding:12px 0; }
  .rossis-search .rs-price{ grid-template-columns:1fr 1fr; }
  .rossis-search .rs-price .rs-field{ border-bottom:none; }
  .rossis-search .rs-price .rs-field:first-child{ border-right:1px solid #ececec; padding-right:12px; }
  .rossis-search .rs-price .rs-field:last-child{ padding-left:12px; }
  .rossis-search .rs-go{ margin-left:0; justify-content:center; width:100%; padding:14px; margin-top:8px; }
  .rossis-search-tabs{ overflow-x:auto; }
}

/* ============================================================
   PROPERTY CARDS — demo look (border + hover lift + Playfair τιμή)
   Κλάσεις WPResidence: .property_listing, .listing_unit_price_wrapper,
   .property_location, .listing_details, .property_listing_details
   ============================================================ */

/* Το κουτί της κάρτας */
.property_listing{
  background:#fff !important;
  border:1px solid #eee !important;
  border-radius:4px !important;
  box-shadow:none !important;
  overflow:hidden;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.property_listing:hover{
  transform:translateY(-2px);
  border-color:var(--rossis-green) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
}

/* Τιμή — Playfair, πράσινη, μεγαλύτερη (σαν demo) */
.listing_unit_price_wrapper,
.listing_unit_price_intro{
  font-family:'Playfair Display', serif !important;
  font-weight:700 !important;
  font-size:22px !important;
  line-height:1.1 !important;
  color:var(--rossis-green) !important;
}

/* Τίτλος ακινήτου */
.property-unit-information-wrapper h4,
.property-unit-information-wrapper h4 a,
.listing_title, .listing_title a{
  font-family:'Playfair Display', serif !important;
  font-size:16px !important;
  font-weight:600 !important;
  color:#1a1a1a !important;
  line-height:1.35 !important;
}

/* Περιοχή (με το pin) */
.property_location,
.property_location a{
  font-size:12px !important;
  color:#888 !important;
}
.property_location i{ color:var(--rossis-green) !important; }

/* Σειρά χαρακτηριστικών — λεπτή γραμμή από πάνω */
.property_listing_details{
  border-top:1px solid #f0f0f0 !important;
  margin-top:12px !important;
  padding-top:12px !important;
  font-size:11px !important;
  color:#888 !important;
}
.property_listing_details i,
.property_listing_details span{ color:#888 !important; }

/* Badges (Αγορά/Ενοικίαση/κατηγορία) — πράσινα, καθαρά */
.property_listing .property_status_label,
.property_listing .action_category,
.property_listing .listing_status{
  border-radius:2px !important;
  letter-spacing:.8px !important;
  font-weight:600 !important;
}

/* ============================================================
   FOOTER — v3: πλήρες redesign (feedback Mike 2026-07-13).
   Πριν: φόντο λαδί/σκούρο (theme option wp_estate_footer_back_color
   #223324) άσχετο με το brand πράσινο της ενότητας επικοινωνίας, social
   icons "μόνα τους" (χωρίς λογότυπο/φράση), στήλες χωρίς κοινή
   ευθυγράμμιση, copyright/menu κολλητά στο sub-footer.
   Τώρα: ΙΔΙΟ βαθύ πράσινο (#0f3d1f) με `.rf-contact-section` (αρχική)
   και `.rp-contact-info-block` (Επικοινωνία) — φόρμα/ενότητα επικοινωνίας
   → footer ρέουν σαν ενιαίο block. Καθαρό grid 3 στηλών (ήδη
   wp_estate_footer_type='2' = 3 ίσες στήλες): (1) λογότυπο/όνομα + φράση
   + social (2) Εταιρικά (3) Νεότερη Καταχώρηση. Copyright bar ελαφρώς πιο
   σκούρα απόχρωση + λεπτή διαχωριστική γραμμή, legal links σωστά
   διαχωρισμένα δεξιά.
   ΤΕΧΝΙΚΗ ΣΗΜΕΙΩΣΗ: τα χρώματα ΔΕΝ αλλάχτηκαν στη βάση (theme options) —
   το core CSS του WPResidence (`main.css`) διαβάζει
   `var(--wp-estate-footer-*-color-option, var(--wp_estate_footer_*_color))`,
   άρα ορίζοντας ΕΔΩ τα `--wp-estate-footer-*-color-option` custom
   properties παίρνουμε προτεραιότητα έναντι του theme option ΧΩΡΙΣ να
   αγγίξουμε τη βάση — καθαρά CSS-level, καμία ενέργεια χρειάζεται στο
   βήμα migration για τα χρώματα. Το λογότυπο/φράση στη Στήλη 1
   εισάγεται μέσω hook `dynamic_sidebar_before` (functions.php §14) —
   ΚΑΜΙΑ αλλαγή σε widgets/DB για αυτό. Η μόνη πραγματική αλλαγή DB ήταν
   το πραγματικό Instagram URL στο υπάρχον "Social Links" widget
   (rossisrealestate instagram — ήδη τεκμηριωμένο brand info), βλ.
   «STAGING MIGRATION» στο PROJECT.md. */
:root{
  --wp-estate-footer-back-color-option:      #0f3d1f;
  --wp-estate-footer-copy-back-color-option: #0a2a15;
  --wp-estate-footer-font-color-option:      rgba(255,255,255,.72);
  --wp-estate-footer-copy-color-option:      rgba(255,255,255,.6);
  --wp-estate-footer-heading-color-option:   #ffffff;
}

/* Λιγότερο κάθετο padding συνολικά — πιο διακριτικό footer */
#footer-widget-area{ padding:44px 15px 30px !important; }
#colophon .xoxo{ padding-top:0 !important; }

/* Κοινή κορυφή στηλών — top-align, ίσα κενά ανάμεσα στις 3 στήλες */
#footer-widget-area.row{ align-items:flex-start !important; }
#footer-widget-area .widget-area{ padding-bottom:8px; }

/* Τίτλοι widget: μικρό uppercase eyebrow αντί για μεγάλο Playfair —
   λιγότερο "βαρύ", πιο premium/minimal */
#colophon .widget-title-footer{
  font-family:'Inter', sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:1.6px !important;
  text-transform:uppercase;
  color:var(--rossis-green-soft) !important;
  position:relative; padding-bottom:10px; margin-bottom:14px;
  opacity:.9;
}
#colophon .widget-title-footer::after{ content:none; } /* όχι πια ξεχωριστή γραμμή, το ίδιο το eyebrow αρκεί */

/* --- Στήλη 1: λογότυπο/όνομα + φράση + social (functions.php §14) --- */
#colophon .rossis-footer-brand{ margin-bottom:20px; }
#colophon .rossis-footer-logo{
  font-family:'Playfair Display', serif; font-weight:700; font-size:22px;
  letter-spacing:-.3px; color:#fff; margin-bottom:10px;
}
#colophon .rossis-footer-logo span{ color:var(--rossis-green-soft); font-style:italic; font-weight:500; }
#colophon .rossis-footer-tagline{
  font-size:13px; line-height:1.7; color:rgba(255,255,255,.68); max-width:260px; margin:0;
}
#colophon .social_sidebar_internal{ display:flex; gap:10px; margin-top:20px; }
#colophon .social_sidebar_internal a{
  width:34px !important; height:34px !important; line-height:34px !important;
  background-color:rgba(255,255,255,.1) !important;
  transition:background-color .2s ease, color .2s ease;
}
#colophon .social_sidebar_internal a:hover{
  background-color:var(--rossis-green) !important;
  color:#fff !important;
}
/* Placeholder "#" social links (χωρίς πραγματικό URL ακόμα) — κρυμμένα
   ώστε να μη δείχνουν σπασμένα/άσκοπα εικονίδια. Μόλις μπει πραγματικό
   URL στο wp-admin → Εμφάνιση → Μικροεφαρμογές, εμφανίζονται αυτόματα,
   καμία αλλαγή CSS/κώδικα χρειάζεται. */
#colophon .social_sidebar_internal a[href="#"]{ display:none !important; }

/* --- Στήλη 2: Εταιρικά — πιο σφιχτή, διακριτική λίστα --- */
#colophon #second .textwidget ul{ list-style:none; margin:0; padding:0; }
#colophon #second .textwidget li{ margin:0 0 10px; }
#colophon #second .textwidget a{ font-size:13px; color:var(--wp-estate-footer-font-color-option,#bcc6bd); }
#colophon #second .textwidget a:hover{ color:var(--rossis-green-soft) !important; }

/* --- Στήλη 3: Νεότερη Καταχώρηση — ευθυγραμμισμένα thumbnails --- */
#colophon .widget_latest_listing_image{ max-width:56px !important; flex-shrink:0; }
#colophon .widget_latest_listing_image img{ width:56px !important; height:56px !important; object-fit:cover; border-radius:4px; }
#colophon .widget_latest_internal{ display:flex !important; margin-bottom:14px !important; align-items:flex-start !important; gap:12px; }
#colophon .widget_latest_title a{ font-size:13px !important; line-height:1.35 !important; font-weight:500; }
#colophon .widget_latest_title a:hover{ color:var(--rossis-green-soft) !important; }
#colophon .widget_latest_price{
  font-family:'Playfair Display', serif !important;
  font-weight:700 !important; font-size:13px !important;
  color:var(--rossis-green-soft) !important;
  margin-top:2px;
}

/* --- Sub-footer (copyright/menu) --- */
.sub_footer{ border-top:1px solid rgba(255,255,255,.08); }
.sub_footer_content{ padding:18px 30px !important; gap:16px; }
.copyright{ font-size:12px; }
.subfooter_menu{ display:flex !important; }
.subfooter_menu .menu{ display:flex; gap:22px; flex-wrap:wrap; margin:0; padding:0; list-style:none; }
.subfooter_menu .menu li{ margin:0; }
.subfooter_menu .menu a{ font-size:12px; }
.subfooter_menu .menu a:hover{ color:var(--rossis-green-soft) !important; }

/* --- RESPONSIVE — mobile: στήλες στοιβαγμένες με σωστά κενά --- */
@media (max-width: 767px){
  #footer-widget-area{ padding:34px 20px 20px !important; }
  #footer-widget-area .widget-area{ margin-bottom:30px; padding-bottom:0; }
  #footer-widget-area .widget-area:last-child{ margin-bottom:0; }
  #colophon .rossis-footer-tagline{ max-width:100%; }
  .sub_footer_content{ padding:20px !important; flex-direction:column; align-items:flex-start !important; }
  .subfooter_menu .menu{ gap:14px 18px; }
}
