/*
 Theme Name: Listeo Child
 Theme URI: https://tempexp.ca/
 Description: Child theme for Listeo with Temporary Experts customizations.
 Author: Temporary Experts
 Template: listeo
 Version: 1.0.0
 Text Domain: listeo-child
*/


/* === TE: Stripe status tile (native) === */
.te-stat-inner{
  display:flex;align-items:center;gap:14px;min-height:88px;
}
.te-stat-icon{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.6);
  flex:0 0 52px;
}
.te-stat-label{font-size:13px;letter-spacing:.02em;opacity:.9;margin:0;}
.te-stat-value{font-weight:800;font-size:26px;margin:0;line-height:1.05;}
.te-stat-cta{
  margin-left:auto;padding:8px 12px;border-radius:10px;text-decoration:none;
  font-weight:600;font-size:13px;border:1px solid currentColor;background:transparent;
}

/* Optional helpers if we ever need to color via class instead of inline */
.te-stripe-connected{color:#1e7a34;}
.te-stripe-disconnected{color:#c62828;}
.te-stripe-connected .te-stat-cta,
.te-stripe-disconnected .te-stat-cta{color:currentColor;border-color:currentColor;}
.te-stat-value{outline:1px dashed rgba(0,0,0,.15);}


/* TE: Make "Publish" action green on My Listings */
a.listeo_core-dashboard-action-publish_now.button {
  background: #1e7a34 !important;
  border-color: #1e7a34 !important;
  color: #fff !important;
}
a.listeo_core-dashboard-action-publish_now.button:hover {
  filter: brightness(0.95);
}


/* === TE: My Listings Payment Actions === */

/* Green Publish button */
a.listeo_core-dashboard-action-publish_now.button {
  background: #1e7a34 !important;  /* solid green */
  border-color: #1e7a34 !important;
  color: #fff !important;
}
a.listeo_core-dashboard-action-publish_now.button:hover {
  filter: brightness(0.95);
}

/* Orange Connect Payments button (warning) */
a.listeo_core-dashboard-action-connect_payments.button {
  background: #ff9800 !important;  /* material orange 500 */
  border-color: #ff9800 !important;
  color: #fff !important;
}
a.listeo_core-dashboard-action-connect_payments.button:hover {
  filter: brightness(0.95);
}
/* === TE: Bottom-right Stripe notices === */
.te-bottom-notice{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 2147483647; /* stay on top */
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.3;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  border: 1px solid transparent;
}

/* Warning (not connected): orange theme */
.te-bottom-notice--warn{
  background: #fff3e0;           /* light orange (Material 100) */
  border-color: #ff9800;         /* orange 500 */
  color: #b45300;                /* readable dark orange/brown */
}
.te-bottom-notice--warn .te-bottom-notice__link{
  color: #b45300;
  text-decoration: underline;
  font-weight: 600;
}

/* Optional hover pop a bit */
.te-bottom-notice--warn:hover{ filter: brightness(0.98); }

/* Buttons: keep from earlier (green publish + orange connect) */
a.listeo_core-dashboard-action-publish_now.button {
  background:#1e7a34 !important; border-color:#1e7a34 !important; color:#fff !important;
}
a.listeo_core-dashboard-action-publish_now.button:hover { filter:brightness(0.95); }

a.listeo_core-dashboard-action-connect_payments.button {
  background:#ff9800 !important; border-color:#ff9800 !important; color:#fff !important;
}
a.listeo_core-dashboard-action-connect_payments.button:hover { filter:brightness(0.95); }


.te-simple-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.te-simple-gallery-item {
    max-width: 100%;
}

.te-simple-gallery-item img {
    height: auto;
    max-width: 100%;
    display: block;
}


/* --- Force native selects / make them clickable again --- */
#te-wizard-v9 select {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* If Select2 is active, make it look like our inputs */
#te-wizard-v9 .select2-container {
  width: 100% !important;
  font-size: 14px;
}

#te-wizard-v9 .select2-container--default .select2-selection--single {
  height: 44px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.03);
}

#te-wizard-v9
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
  right: 10px;
}

#te-wizard-v9
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0;
  color: #0f172a;
}


/* --- Modern radios & checkbox inside wizard --- */
#te-wizard-v9 input[type="radio"],
#te-wizard-v9 input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 2px solid #c4b5fd; /* light purple */
  background: #fff;
  position: relative;
  cursor: pointer;
}

/* radios are circular */
#te-wizard-v9 input[type="radio"] {
  border-radius: 999px;
}

/* checkbox is rounded square */
#te-wizard-v9 input[type="checkbox"] {
  border-radius: 6px;
}

/* checked radio – filled purple dot */
#te-wizard-v9 input[type="radio"]:checked {
  border-color: #7c3aed;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.15);
}

#te-wizard-v9 input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 999px;
  background: #7c3aed;
}

/* checked checkbox – purple + tick */
#te-wizard-v9 input[type="checkbox"]:checked {
  border-color: #7c3aed;
  background: #7c3aed;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.15);
}

#te-wizard-v9 input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 7px;
  height: 11px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(35deg);
}

/* --- Compact price inputs --- */
#te-wizard-v9 input[name="te_price_fixed"],
#te-wizard-v9 input[name="te_price_hour"],
#te-wizard-v9 input[name="te_price_regular"],
#te-wizard-v9 input[name="te_price_weekend"],
#te-wizard-v9 input[name="te_quote_reference"] {
  max-width: 160px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

/* Slight spacing under the “CAD” text / labels */
#te-wizard-v9 .te-field label {
  margin-bottom: 4px;
}

/* --- Pexels thumbnails – clearer selected state --- */
#te-wizard-v9 .te-pexels-item {
  border-radius: 10px;
  overflow: hidden;
}

#te-wizard-v9 .te-pexels-item.selected {
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.35);
}

#te-wizard-v9 .te-pexels-item.selected::after {
  background: #7c3aed;
}

/* --- Softer progress bar --- */
#te-wizard-v9 .te-progress {
  margin-bottom: 28px;
  height: 6px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.25);
  overflow: hidden;
  position: relative;
}

#te-wizard-v9 .te-progress span {
  flex: none;
  width: 0;
  background: linear-gradient(90deg, #22c55e, #4ade80);
  transition: width 0.25s ease-out;
}

/* JS already toggles .active – treat last active as “fill width” */
#te-wizard-v9 .te-progress span.active {
  width: 100%;
}

/* Add Listing dropdown in header */
.te-addlisting-dropdown {
    position: relative;
    display: inline-block;
}

.te-addlisting-main {
    position: relative;
    z-index: 20;
}

/* Hide the original Add Listing button from logged_section, keep our new one */
.header-widget a.button.border.with-icon:not(.te-addlisting-main) {
    display: none;
}

.te-addlisting-menu {
    position: absolute;
    right: 0;
    top: 100%;           /* sit directly under the button */
    margin: 0;           /* no gap so clicks feel clean */
    padding: 6px 0;
    list-style: none;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
    min-width: 210px;
    display: none;       /* hidden by default */
    z-index: 19;
}

/* Show menu when JS adds the "te-open" class */
.te-addlisting-dropdown.te-open .te-addlisting-menu {
    display: block;
}

.te-addlisting-menu li a {
    display: block;
    padding: 8px 18px;
}
/* Hide the original single Add Listing button now that we use the dropdown */
.header-widget > a.button.border.with-icon:not(.te-addlisting-main) {
    display: none;
}
/* Stripe Connection Status Badge */

.listeo-stripe-status {
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
}

/* DISCONNECTED = red */
.listeo-stripe-status.disconnected {
    background: #ffdddd;      /* light red background or use #ff0000 for solid */
    color: #cc0000;           /* deep red text */
}

/* CONNECTED = green */
.listeo-stripe-status.connected {
    background: #ddffdd;      /* light green background or use #00aa00 for solid */
    color: #008800;           /* deep green text */
}
/* TE – hide the extra 'Request quotation' button that goes to /messages/ */
.listeo-single-listing-sidebar .booking-widget a[href$="/messages/"] {
    display: none !important;
}

/* TE: Temporarily hide "Add Listing Manually" in the Add Listing dropdown */
.te-addlisting-menu li:last-child {
    display: none !important;
}
/* TE: Mobile "Add Listing via Wizard" button under search */

/* Default: visible */
.te-mobile-addlisting-hero {
	margin-top: 18px;          /* spacing from Search */
	text-align: center;
}

.te-mobile-addlisting-btn {
	display: inline-block;
	width: 100%;
	max-width: 420px;
	padding: 14px 18px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 999px;
	text-decoration: none;          /* add this */

	/* inverted vs purple Search: white background, purple text/border */
	background: #ffffff;
	border: 2px solid var(--theme-color, #7b33d1);
	color: var(--theme-color, #7b33d1);
}


.te-mobile-addlisting-btn i {
	margin-left: 6px;
}

/* Hide on wider screens (desktop/tablet) */
@media (min-width: 768px) {
	.te-mobile-addlisting-hero {
		display: none;
	}
}