/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}


/* === PALMETTO HOUSE CUSTOM STYLING === */

/* Tighten up spacing between icons and text in contact footer */
.sb-footer .sb-contact-item,
.footer .sb-contact-item {
  display: inline-flex;
  align-items: center;
  gap: 6px !important;
}

.sb-footer .sb-contact-item .icon,
.footer .sb-contact-item .icon {
  margin-right: 6px !important;
}

/* Hide any company slogan or extra text under logo */
.sb-header__slogan,
.company-slogan {
  display: none !important;
}

/* Keep layout clean and centered */
.sb-layout__content,
.layout__content {
  max-width: 1200px;
  margin: 0 auto;
}

/* Optional: make Book Now button larger and centered */
input.reserve_time_btn,
button.reserve_time_btn {
  background-color: #d4af37 !important; /* gold tone */
  color: white !important;
  font-size: 18px !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  display: block !important;
  margin: 20px auto !important; /* centers button */
  font-weight: 600 !important;
  letter-spacing: 0.5px;
}
/* Show full email in footer/contact (no ellipsis) */
.sb-footer .sb-contact-item a,
.footer .sb-contact-item a,
.contact-list .contact-item a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  display: inline !important;
}

/* keep icon + text nicely spaced */
.sb-footer .sb-contact-item,
.footer .sb-contact-item,
.contact-list .contact-item {
  display: inline-flex;
  align-items: center;
  gap: 6px !important;
}

/* —— Show full email; remove any ellipsis anywhere in the contact row —— */

/* allow children to wrap instead of forcing ellipsis */
.sb-footer .contact-list,
.footer .contact-list {
  display: block !important;
}

/* the contact row items: keep icon + text together and allow wrapping */
.sb-footer .contact-list .contact-item,
.footer .contact-list .contact-item,
.sb-footer .sb-contact-item,
.footer .sb-contact-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;   /* let text expand */
}

/* kill truncation on the text/link itself */
.sb-footer .contact-list .contact-item a,
.sb-footer .contact-list .contact-item span,
.footer .contact-list .contact-item a,
.footer .contact-list .contact-item span,
.sb-footer .sb-contact-item a,
.footer .sb-contact-item a,
.sb-footer .sb-contact-item span,
.footer .sb-contact-item span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  width: auto !important;
  display: inline !important;
}

/* optional: make the email a touch bolder for readability */
.sb-footer .contact-list .contact-item a[href^="mailto:"],
.footer .contact-list .contact-item a[href^="mailto:"] {
  font-weight: 600 !important;
}


/* --- Force full email to show (no ellipsis), any theme --- */

/* allow wrapping in the contact list containers */
.sb-footer .contact-list,
.footer .contact-list {
  display: block !important;
}

/* items can wrap; don't constrain width */
.sb-footer .contact-list .contact-item,
.footer .contact-list .contact-item {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  gap: 6px !important;
}

/* target the actual email link by attribute, not class */
a[href^="mailto:"],
.sb-footer a[href^="mailto:"],
.footer a[href^="mailto:"] {
  white-space: normal !important;   /* allow wrapping */
  overflow: visible !important;
  text-overflow: clip !important;   /* kill the ... */
  max-width: none !important;
  width: auto !important;
  display: inline !important;
  word-break: break-all !important; /* break long addresses if needed */
}

/* optional: make email a little bolder */
a[href^="mailto:"] { font-weight: 600 !important; }


/* Keep email on one full line — never wrap, never cut off */
.sb-footer .contact-list .contact-item a[href^="mailto:"],
.footer .contact-list .contact-item a[href^="mailto:"],
.sb-footer .sb-contact-item a[href^="mailto:"],
.footer .sb-contact-item a[href^="mailto:"],
a[href^="mailto:"] {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  width: auto !important;
  display: inline-block !important;
}

/* Allow the entire contact section to expand if needed */
.sb-footer .contact-list,
.footer .contact-list {
  display: block !important;
  max-width: 100% !important;
  width: auto !important;
  overflow: visible !important;
}

/* Keep icon + text on one row */
.sb-footer .sb-contact-item,
.footer .sb-contact-item,
.sb-footer .contact-list .contact-item,
.footer .contact-list .contact-item {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

/* Force the email to fit on one line by allowing it more space and slightly smaller size */
.sb-footer .contact-list { max-width: 100% !important; width: 100% !important; }

.sb-footer .contact-list .contact-item a[href^="mailto:"],
.footer  .contact-list .contact-item a[href^="mailto:"] {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  width: auto !important;
  display: inline-block !important;
  font-size: 15px !important;      /* adjust if still long */
  letter-spacing: 0 !important;
}

/* Keep icon + text on one row */
.sb-footer .contact-list .contact-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}




/* Fix email line so the full address displays on one line */
.sb-footer .contact-list,
.footer .contact-list,
.sb-footer .sb-contact-item,
.footer .sb-contact-item,
.sb-footer .contact-list .contact-item,
.footer .contact-list .contact-item {
  max-width: 100% !important;
  width: 100% !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
}

/* Prevent email text from cutting off */
.sb-footer .contact-list .contact-item a[href^="mailto:"],
.footer .contact-list .contact-item a[href^="mailto:"],
.sb-footer .sb-contact-item a[href^="mailto:"],
.footer .sb-contact-item a[href^="mailto:"],
a[href^="mailto:"] {
  display: inline !important;
  white-space: nowrap !important;
  word-break: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
}

/* Keep icon and email neatly spaced */
.sb-footer .contact-list .contact-item,
.footer .contact-list .contact-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}




/* Force-show full email text; keep the link clickable */
.sb-footer a[href^="mailto:"],
.footer a[href^="mailto:"]{
  position: relative;
  font-size: 0 !important;          /* hide the truncated text */
  white-space: nowrap !important;    /* keep on one line */
}

.sb-footer a[href^="mailto:"]::after,
.footer a[href^="mailto:"]::after{
  content: 'palmettohouseinteriors@gmail.com';  /* <-- your full email */
  font-size: 16px !important;
  display: inline-block;
  letter-spacing: 0 !important;
}

/* Tidy spacing with the @ icon */
.sb-footer .contact-list .contact-item,
.footer .contact-list .contact-item{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Small phones: nudge size down so it still fits */
@media (max-width: 380px){
  .sb-footer a[href^="mailto:"]::after,
  .footer a[href^="mailto:"]::after{
    font-size: 14px !important;
  }
}




/* --- FORCE FULL GMAIL TO SHOW, ONE LINE --- */

/* 1) Hide whatever truncated text the theme injects INSIDE the mailto link */
.sb-footer .contact-list .contact-item a[href^="mailto:"],
.footer  .contact-list .contact-item a[href^="mailto:"],
.sb-footer .sb-contact-item a[href^="mailto:"],
.footer  .sb-contact-item a[href^="mailto:"] {
  white-space: nowrap !important;
  display: inline-block !important;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  font-size: 0 !important;            /* hide original (truncated) text */
}
.sb-footer .contact-list .contact-item a[href^="mailto:"] *,
.footer  .contact-list .contact-item a[href^="mailto:"] * {
  font-size: 0 !important;            /* hide nested spans that cause ... */
}

/* 2) Re-insert the full visible email */
.sb-footer .contact-list .contact-item a[href^="mailto:"]::after,
.footer  .contact-list .contact-item a[href^="mailto:"]::after {
  content: 'palmettohouseinteriors@gmail.com';   /* <<< your full email */
  font-size: 16px !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

/* 3) Keep the icon + email in one tidy row */
.sb-footer .contact-list .contact-item,
.footer  .contact-list .contact-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

/* 4) Tiny screens: shrink a hair so it still fits on one line */
@media (max-width: 380px){
  .sb-footer .contact-list .contact-item a[href^="mailto:"]::after,
  .footer  .contact-list .contact-item a[href^="mailto:"]::after {
    font-size: 14px !important;
  }
}