/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* ======================
   Defaultinställningar (oförändrade)
   ====================== */

#main-buttons > div > div {
    /* default SimplyBook inställningar sparade */
}

#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 */
}

/* ======================
   Anpassad CSS (nya regler)
   ====================== */

/* Flytta bakgrundsboxen upp utan att påverka knappar */
#main-buttons > div > div {
    position: relative !important;
    top: -180px !important; /* justera värdet efter behov */
}

/* Separera knapparna från bakgrund/logga */
#main-buttons div.bar > div.btn.book.btn-with-icon.custom,
#main-buttons div.bar > div.btn.map.btn-with-image.custom {
    position: relative !important;
    top: 40px !important; /* flyttar ner 4 cm */
}

/* Ta bort företagsnamnet/loggan */
#main-buttons > div > div > div.company-name.company-logo-and-name {
    display: none !important;
}
/* Ta bort företagsnamnet/loggan */
#main-buttons > div > div > div > div.company-name.company-logo-and-name {
    display: none !important;
}
/* Ta bort visa på karta knapp */
#main-buttons > div > div > div > div.bar > div.btn.map.btn-with-image.custom > a {
display: none !important;
}
/* Standard (mobil) */
#main-buttons > div > div > div > div.bar > div.btn.book.btn-with-icon.custom {
  transform: scale(1);
  transition: transform 0.3s ease;
  display: inline-block;
}

/* Förstora + flytta upp på desktop */
@media (min-width: 1024px) {
  #main-buttons > div > div > div > div.bar > div.btn.book.btn-with-icon.custom {
    transform: scale(1.3) translateY(-45px); /* flytta upp 10px */
  }
}
#sb_service_step_container > div:nth-child(1) > div > div.excerpt-info > div > div.content > div.txt.short > span {
  font-size: 17px; /* Eller den storlek du önskar */
  display: block; /* Viktigt för att kunna centrera texten */
  text-align: center; /* Centrerar texten horisontellt */
}

#sb_service_step_container > div:nth-child(1) > div > div.excerpt-info > div > div.content > div.txt.short > span {
  font-weight: bold;
  text-decoration: underline;
}
#sb_service_step_container > div:nth-child(2) > div > div.excerpt-info > div > div.content > div.txt.short > span {
  font-size: 17px;
  font-weight: bold;
  text-decoration: underline;
}
#sb_terms_and_conditions > div > div.promotions-letter-flag.v2 > label {
display: none !important;
}
#sb_attribute_list_container > div:nth-child(5) > div.tab.tab-col.flex-row > div.item-description.paid-attr__description > span {
display: none !important;
}
#sb_attribute_list_container > div:nth-child(3) > div.tab.tab-col.flex-row > div.item-description.paid-attr__description > span {
display: none !important;
}
#sb_attribute_list_container > div:nth-child(4) > div.tab.tab-col.flex-row > div.item-description.paid-attr__description > span {
display: none !important;
}
#push-subscribe-region > div{
display: none !important;
}
#push-subscribe-region > div > div.subscribe-component--body > div.subscribe-component--content > div > h4 {
display: none !important;
}
#push-subscribe-region > div > div.subscribe-component--body > div.subscribe-component--content > div > p {
display: none !important;
}
/* Gör hamburger-knappen klickbar */
#header .nav-trigger {
  position: relative !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
#sb_reviews_add_container > div > div.add-review > div.form > div.social-container.-v1 > div.cap {
display: none !important;
}
#sb_reviews_add_container > div > div.add-review > div.form > div.social-container.-v1 > div.buttons.brand.v3 > div {
display: none !important;
}
#sb_reviews_add_container > div > div.add-review > div.avatar > div.photo > img {
display: none !important;
}
@media (min-width: 768px) {  /* Endast för tablet/desktop */
  #header .row .col-xs-4 {
    position: relative; /* säkerställer z-index fungerar */
    z-index: 10;        /* högre än överliggande element */
  }
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item .excerpt-info {
display: none !important;
}
#contacts > div > div.info > ul > li:nth-child(4) {
display: none !important;
}
#sb_time_slots_container > div > a {
  display: flex;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;   /* gör hela länken mindre */
}

#sb_time_slots_container > div > a::after {
  content: "- 11:00";   /* lägg till sluttiden */
  margin-left: 2px;
  font-size: inherit;  /* samma storlek som resten */
}
#sb_invoice_payment_systems_container > div.payment-system.v2.payment-system-delay > div.name {
    font-weight: normal;
}

#sb_invoice_payment_systems_container > div.payment-system.v2.payment-system-delay > div.name::before {
    content: "Betala med Swish efter utförd tjänst";
}

#sb_invoice_payment_systems_container > div.payment-system.v2.payment-system-delay > div.name {
    visibility: hidden;       /* döljer originaltexten */
}

#sb_invoice_payment_systems_container > div.payment-system.v2.payment-system-delay > div.name::before {
    visibility: visible;      /* visar nya texten */
    display: block;           /* säkerställer radbrytning som Stripe */
    text-align: center;       /* centrera texten under ikonen */
    font-weight: normal;      /* inte fet */
}
#about-us > div > div.title-main {
    color: transparent;   /* göm originaltexten */
    position: relative;   /* behövs för pseudo-element */
}

#about-us > div > div.title-main::after {
    content: "Om oss";    /* ny text som ersätter originalet */
    color: #000;          /* samma färg som originaltexten */
    position: absolute;
    top: 0;
    left: 0;
}