:root {
  --peach-50: #FFEFE5;
  --peach-100: #FFE3D3;
  --peach-150: #FFD7C0;
  --peach-200: #FFCBAD;
  --peach-250: #FFBE9A;
  --peach-300: #FFB288;
  --peach-350: #FFA675;
  --peach-400: #FF9A62;
  --peach-450: #FF8E4F;
  --peach-500: #FF823C;
  --peach-550: #FF762A;
  --peach-600: #FF6A17;
  --peach-650: #FF5E04;
  --peach-700: #F05600;
  --peach-750: #DD4F00;
  --peach-800: #CB4900;
  --peach-850: #B84200;
  --peach-900: #A53B00;
  --peach-950: #923500;
  --peach-1000: #7F2E00;
  --rose-50: #FFE5EA;
  --rose-100: #FFD3DB;
  --rose-150: #FFC0CB;
  --rose-200: #FFADBC;
  --rose-250: #FF9AAC;
  --rose-300: #FF889D;
  --rose-350: #FF758E;
  --rose-400: #FF627E;
  --rose-450: #FF4F6F;
  --rose-500: #FF3C5F;
  --rose-550: #FF2A50;
  --rose-600: #FF1741;
  --rose-650: #FF0431;
  --rose-700: #F0002B;
  --rose-750: #DD0028;
  --rose-800: #CB0024;
  --rose-850: #B80021;
  --rose-900: #A5001E;
  --rose-950: #92001A;
  --rose-1000: #7F0017;
  --aqua-50: #E8FDFC;
  --aqua-100: #D7FBFA;
  --aqua-150: #C5FAF8;
  --aqua-200: #B4F8F6;
  --aqua-250: #A3F6F4;
  --aqua-300: #92F5F2;
  --aqua-350: #81F3F0;
  --aqua-400: #70F1EE;
  --aqua-450: #5FF0EC;
  --aqua-500: #4DEEEA;
  --aqua-550: #3CECE8;
  --aqua-600: #2BEBE6;
  --aqua-650: #1AE9E4;
  --aqua-700: #15DBD6;
  --aqua-750: #13CAC6;
  --aqua-800: #12B9B5;
  --aqua-850: #10A8A4;
  --aqua-900: #0E9793;
  --aqua-950: #0D8683;
  --aqua-1000: #0B7472;
  --mint-50: #E5FFE5;
  --mint-100: #D3FFD3;
  --mint-150: #C0FFC0;
  --mint-200: #ADFFAD;
  --mint-250: #9AFF9A;
  --mint-300: #88FF88;
  --mint-350: #75FF75;
  --mint-400: #62FF62;
  --mint-450: #4FFF4F;
  --mint-500: #3CFF3C;
  --mint-550: #2AFF2A;
  --mint-600: #17FF17;
  --mint-650: #04FF04;
  --mint-700: #00F000;
  --mint-750: #00DD00;
  --mint-800: #00CB00;
  --mint-850: #00B800;
  --mint-900: #00A500;
  --mint-950: #009200;
  --mint-1000: #007F00;
  --plum-50: #F7EEF6;
  --plum-100: #F1E1EF;
  --plum-150: #EAD5E8;
  --plum-200: #E4C8E1;
  --plum-250: #DEBBDA;
  --plum-300: #D8AFD3;
  --plum-350: #D2A2CC;
  --plum-400: #CC95C5;
  --plum-450: #C689BE;
  --plum-500: #BF7CB7;
  --plum-550: #B96FB0;
  --plum-600: #B363A9;
  --plum-650: #AD56A2;
  --plum-700: #A24F97;
  --plum-750: #95488C;
  --plum-800: #884280;
  --plum-850: #7C3C74;
  --plum-900: #6F3668;
  --plum-950: #62305C;
  --plum-1000: #562A50;
  --charcoal-50: #F0F3F5;
  --charcoal-100: #E5EAED;
  --charcoal-150: #DAE1E5;
  --charcoal-200: #CED8DE;
  --charcoal-250: #C3CFD6;
  --charcoal-300: #B8C6CF;
  --charcoal-350: #ADBCC7;
  --charcoal-400: #A2B3BF;
  --charcoal-450: #97AAB8;
  --charcoal-500: #8BA1B0;
  --charcoal-550: #8098A8;
  --charcoal-600: #758FA1;
  --charcoal-650: #6A8699;
  --charcoal-700: #627D8F;
  --charcoal-750: #5A7384;
  --charcoal-800: #526978;
  --charcoal-850: #4B5F6D;
  --charcoal-900: #435662;
  --charcoal-950: #3B4C57;
  --charcoal-1000: #34424C;
  --sand-50: #FBF5E9;
  --sand-100: #F8EDD9;
  --sand-150: #F5E5C9;
  --sand-200: #F3DDB9;
  --sand-250: #F0D6AA;
  --sand-300: #EDCE9A;
  --sand-350: #EAC68A;
  --sand-400: #E7BE7A;
  --sand-450: #E5B76A;
  --sand-500: #E2AF5A;
  --sand-550: #DFA74A;
  --sand-600: #DCA03A;
  --sand-650: #D9982A;
  --sand-700: #CC8E24;
  --sand-750: #BC8221;
  --sand-800: #AC771F;
  --sand-850: #9C6C1C;
  --sand-900: #8C6119;
  --sand-950: #7C5616;
  --sand-1000: #6C4B13;
  --bronze-50: #FAF2EA;
  --bronze-100: #F6E9DB;
  --bronze-150: #F3DFCC;
  --bronze-200: #EFD6BD;
  --bronze-250: #EBCCAE;
  --bronze-300: #E8C39F;
  --bronze-350: #E4BA90;
  --bronze-400: #E0B081;
  --bronze-450: #DDA772;
  --bronze-500: #D99D63;
  --bronze-550: #D59453;
  --bronze-600: #D18A44;
  --bronze-650: #CE8135;
  --bronze-700: #C1782F;
  --bronze-750: #B26E2B;
  --bronze-800: #A36528;
  --bronze-850: #945C24;
  --bronze-900: #855220;
  --bronze-950: #76491D;
  --bronze-1000: #663F19;
  --lemon-50: #FFFDE5;
  --lemon-100: #FFFCD3;
  --lemon-150: #FFFBC0;
  --lemon-200: #FFFAAD;
  --lemon-250: #FFF99A;
  --lemon-300: #FFF888;
  --lemon-350: #FFF675;
  --lemon-400: #FFF562;
  --lemon-450: #FFF44F;
  --lemon-500: #FFF33C;
  --lemon-550: #FFF22A;
  --lemon-600: #FFF017;
  --lemon-650: #FFEF04;
  --lemon-700: #F0E100;
  --lemon-750: #DDD000;
  --lemon-800: #CBBE00;
  --lemon-850: #B8AC00;
  --lemon-900: #A59B00;
  --lemon-950: #928900;
  --lemon-1000: #7F7800;
  --sky-50: #E9F6FB;
  --sky-100: #D9EFF9;
  --sky-150: #C9E9F6;
  --sky-200: #B9E2F3;
  --sky-250: #A9DCF1;
  --sky-300: #99D5EE;
  --sky-350: #89CFEB;
  --sky-400: #78C8E9;
  --sky-450: #68C1E6;
  --sky-500: #58BBE3;
  --sky-550: #48B4E1;
  --sky-600: #38AEDE;
  --sky-650: #28A7DB;
  --sky-700: #229CCE;
  --sky-750: #2090BE;
  --sky-800: #1D84AE;
  --sky-850: #1A789E;
  --sky-900: #186B8D;
  --sky-950: #155F7D;
  --sky-1000: #12536D;
  --emerald-50: #ECF9F0;
  --emerald-100: #DDF4E5;
  --emerald-150: #CFF0DA;
  --emerald-200: #C1EBCF;
  --emerald-250: #B2E7C4;
  --emerald-300: #A4E2B9;
  --emerald-350: #96DEAE;
  --emerald-400: #88D9A3;
  --emerald-450: #79D598;
  --emerald-500: #6BD08D;
  --emerald-550: #5DCC82;
  --emerald-600: #4EC777;
  --emerald-650: #40C36C;
  --emerald-700: #39B763;
  --emerald-750: #35A85B;
  --emerald-800: #309A54;
  --emerald-850: #2C8C4C;
  --emerald-900: #277E44;
  --emerald-950: #236F3C;
  --emerald-1000: #1E6135;
  --violet-50: #F4E5FF;
  --violet-100: #ECD3FF;
  --violet-150: #E3C0FF;
  --violet-200: #DBADFF;
  --violet-250: #D39AFF;
  --violet-300: #CB88FF;
  --violet-350: #C275FF;
  --violet-400: #BA62FF;
  --violet-450: #B24FFF;
  --violet-500: #AA3CFF;
  --violet-550: #A12AFF;
  --violet-600: #9917FF;
  --violet-650: #9104FF;
  --violet-700: #8700F0;
  --violet-750: #7C00DD;
  --violet-800: #7200CB;
  --violet-850: #6700B8;
  --violet-900: #5D00A5;
  --violet-950: #520092;
  --violet-1000: #47007F;
  --cobalt-50: #E5F0FF;
  --cobalt-100: #D3E5FF;
  --cobalt-150: #C0DAFF;
  --cobalt-200: #ADCFFF;
  --cobalt-250: #9AC4FF;
  --cobalt-300: #88B9FF;
  --cobalt-350: #75AEFF;
  --cobalt-400: #62A3FF;
  --cobalt-450: #4F98FF;
  --cobalt-500: #3C8DFF;
  --cobalt-550: #2A82FF;
  --cobalt-600: #1777FF;
  --cobalt-650: #046CFF;
  --cobalt-700: #0064F0;
  --cobalt-750: #005CDD;
  --cobalt-800: #0054CB;
  --cobalt-850: #004CB8;
  --cobalt-900: #0045A5;
  --cobalt-950: #003D92;
  --cobalt-1000: #00357F;
  --amber-50: #FFF9E5;
  --amber-100: #FFF4D3;
  --amber-150: #FFEFC0;
  --amber-200: #FFEAAD;
  --amber-250: #FFE69A;
  --amber-300: #FFE188;
  --amber-350: #FFDC75;
  --amber-400: #FFD862;
  --amber-450: #FFD34F;
  --amber-500: #FFCE3C;
  --amber-550: #FFC92A;
  --amber-600: #FFC517;
  --amber-650: #FFC004;
  --amber-700: #F0B400;
  --amber-750: #DDA600;
  --amber-800: #CB9800;
  --amber-850: #B88A00;
  --amber-900: #A57C00;
  --amber-950: #926E00;
  --amber-1000: #7F5F00;
  --coral-50: #FFECE5;
  --coral-100: #FFDFD3;
  --coral-150: #FFD1C0;
  --coral-200: #FFC3AD;
  --coral-250: #FFB59A;
  --coral-300: #FFA888;
  --coral-350: #FF9A75;
  --coral-400: #FF8C62;
  --coral-450: #FF7E4F;
  --coral-500: #FF713C;
  --coral-550: #FF632A;
  --coral-600: #FF5517;
  --coral-650: #FF4704;
  --coral-700: #F04100;
  --coral-750: #DD3B00;
  --coral-800: #CB3600;
  --coral-850: #B83100;
  --coral-900: #A52C00;
  --coral-950: #922700;
  --coral-1000: #7F2200;
  --indigo-50: #F4E5FF;
  --indigo-100: #ECD3FF;
  --indigo-150: #E4C0FF;
  --indigo-200: #DCADFF;
  --indigo-250: #D49AFF;
  --indigo-300: #CC88FF;
  --indigo-350: #C575FF;
  --indigo-400: #BD62FF;
  --indigo-450: #B54FFF;
  --indigo-500: #AD3CFF;
  --indigo-550: #A52AFF;
  --indigo-600: #9D17FF;
  --indigo-650: #9504FF;
  --indigo-700: #8B00F0;
  --indigo-750: #8000DD;
  --indigo-800: #7500CB;
  --indigo-850: #6A00B8;
  --indigo-900: #5F00A5;
  --indigo-950: #540092;
  --indigo-1000: #4A007F;
  --teal-50: #E5FFFF;
  --teal-100: #D3FFFF;
  --teal-150: #C0FFFF;
  --teal-200: #ADFFFF;
  --teal-250: #9AFFFF;
  --teal-300: #88FFFF;
  --teal-350: #75FFFF;
  --teal-400: #62FFFF;
  --teal-450: #4FFFFF;
  --teal-500: #3CFFFF;
  --teal-550: #2AFFFF;
  --teal-600: #17FFFF;
  --teal-650: #04FFFF;
  --teal-700: #00F0F0;
  --teal-750: #00DDDD;
  --teal-800: #00CBCB;
  --teal-850: #00B8B8;
  --teal-900: #00A5A5;
  --teal-950: #009292;
  --teal-1000: #007F7F;
  --lime-50: #F9FFE5;
  --lime-100: #F4FFD3;
  --lime-150: #EFFFC0;
  --lime-200: #EAFFAD;
  --lime-250: #E6FF9A;
  --lime-300: #E1FF88;
  --lime-350: #DCFF75;
  --lime-400: #D8FF62;
  --lime-450: #D3FF4F;
  --lime-500: #CEFF3C;
  --lime-550: #C9FF2A;
  --lime-600: #C5FF17;
  --lime-650: #C0FF04;
  --lime-700: #B4F000;
  --lime-750: #A6DD00;
  --lime-800: #98CB00;
  --lime-850: #8AB800;
  --lime-900: #7CA500;
  --lime-950: #6E9200;
  --lime-1000: #5F7F00;
  --slate-50: #F1F2F4;
  --slate-100: #E6E9EC;
  --slate-150: #DBDFE3;
  --slate-200: #D1D6DB;
  --slate-250: #C6CDD3;
  --slate-300: #BCC3CB;
  --slate-350: #B1BAC3;
  --slate-400: #A7B0BA;
  --slate-450: #9CA7B2;
  --slate-500: #919EAA;
  --slate-550: #8794A2;
  --slate-600: #7C8B9A;
  --slate-650: #728291;
  --slate-700: #697887;
  --slate-750: #616F7D;
  --slate-800: #596572;
  --slate-850: #505C68;
  --slate-900: #48535D;
  --slate-950: #404952;
  --slate-1000: #384048;
  --gold-50: #FFFBE5;
  --gold-100: #FFF8D3;
  --gold-150: #FFF5C0;
  --gold-200: #FFF2AD;
  --gold-250: #FFEF9A;
  --gold-300: #FFEC88;
  --gold-350: #FFE975;
  --gold-400: #FFE662;
  --gold-450: #FFE34F;
  --gold-500: #FFE03C;
  --gold-550: #FFDE2A;
  --gold-600: #FFDB17;
  --gold-650: #FFD804;
  --gold-700: #F0CB00;
  --gold-750: #DDBB00;
  --gold-800: #CBAB00;
  --gold-850: #B89B00;
  --gold-900: #A58B00;
  --gold-950: #927B00;
  --gold-1000: #7F6B00;
}



/* Example utilities using CSS variables */
.bg-peach-500 { background-color: var(--peach-500); }
.text-peach-500 { color: var(--peach-500); }
.border-peach-500 { border-color: var(--peach-500); }

.bg-aqua-700 { background-color: var(--aqua-700); }
.text-aqua-700 { color: var(--aqua-700); }
.border-aqua-700 { border-color: var(--aqua-700); }


.text-cobalt-450{color: var(--cobalt-450); }
.text-cobalt-650{color: var(--cobalt-650); }
.text-cobalt-550{color: var(--cobalt-550); }

.wonra-form-background {
    background-color: #6277ff1a; /* Light gray default */
}

.wonra-header-background {
    background-color:color: var(--cobalt-400); /* Light gray default */
}

.wonra-card-background {
    background-color: #e1e5ff1a; /* Light gray default */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.wonra-card-background:hover {
    background-color:var(--cobalt-200); /* Light blue on hover */
    transform: translateY(-3px); /* Optional: subtle lift */
}

.wonra-navbar-container{
  background-color:;
}


.wonra-margin-5{
  margin-top: 5px !important;
  margin-bottom: : 5px !important;
}

.wonra-margin-10{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}


.uk-status-box {
  padding: 6px 14px;
  border-radius: 2px;
  /* font-weight: 600; */
  display: inline-block;
  min-width: 100px;
  text-align: center;
}

.uk-status-vacant {

    background-color: #e6f9f0;
    color: #32d296;
}

.uk-status-occupied {

      background-color: #eaf5ff;
      color: #0153d3;
}

.uk-status-reserved {

    background-color: #fceeee;
    color: #f0506e; /* UIkit danger light */
}

.uk-status-out-of-service {
 /* UIkit danger */
    background-color: #f8d7da;
    color: #f0506e;
}



.uk-container-front {
	display: flow-root;
	box-sizing: content-box;
  max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px
}

@media (min-width:640px) {
  .uk-container-front {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (min-width:960px) {
  .uk-container-front {
		padding-left: 40px;
		padding-right: 40px
	}
}



.uk-heading-line-wonra {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 1rem 0;
    font-size: 1.5rem;
    text-align: center;
}

.uk-heading-line-wonra::before,
.uk-heading-line-wonra::after {
    content: "";
    flex: 1;
        border-top: 1px solid rgb(14 109 205 / 71%); /* Light blue */
    margin: 0 1rem;
}


.uk-heading-bullet-wonra {
    position: relative;
}

.uk-heading-bullet-wonra::before {
    content: "";
    display: inline-block;
    position: relative;
    top: calc(-0.1 * 1em);
    vertical-align: middle;
    height: calc(4px + 0.7em);
    margin-right: calc(5px + 0.2em);
    border-left: calc(5px + 0.1em) solid #39f; /* Light blue */
}

.uk-heading-underline-wonra {
    display: inline-block;
    position: relative;
    margin: 1rem 0;
    color: #0e6dcd; /* Optional: heading text color */
    width: 100%; /* Ensure it takes up the full width of its container */
}

.uk-heading-underline-wonra::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; /* Place the line directly under the heading */
    width: 100%; /* Line fills the div */
    height: 1px;
    background-color: rgb(14 109 205 / 71%); /* Light blue */
}

.no-list-style {
    list-style: none !important; /* Removes bullets */
    margin: 0 !important; /* Removes default margin */
    padding: 0 !important; /* Removes default padding */
}


.wonra-rich-text * {
    all: revert; /* Revert styles that may have been reset globally */
}

.wonra-rich-text p,
.wonra-rich-text ol,
.wonra-rich-text li,
.wonra-rich-text em,
.wonra-rich-text strong,
.wonra-rich-text span {
    font-family: inherit;  /* Ensure the font family used in TinyMCE is applied */
    font-size: inherit;    /* Ensure the font size used in TinyMCE is applied */
    color: inherit;        /* Ensure the text color used in TinyMCE is applied */
}


.terms-cancellation-buttons {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.uk-button {
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.terms-btn {
    background-color: #f0f0f0;
    color: #555;
    border: 1px solid #ddd;
}

.terms-btn:hover {
    background-color: #ddd;
    border-color: #ccc;
}

.cancel-btn {
    background-color: #bb2d3b; /* A red color for cancellation */
    color: white;
    border: 1px solid #a11e29;
}

.cancel-btn:hover {
    background-color: #9b1e31;
    border-color: #80192a;
}


.uk-section-wonra{

}


.uk-navbar-container {
  background: #fff; /* or any color */
  z-index: 999;
}


/* CSS for the Loading Spinner */
#loading-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the spinner */
    z-index: 9999; /* Ensure it's on top of other content */
    display: none; /* Hidden by default */
}

/* You can customize the spinner size, color, or style */
.uk-spinner-large {
    width: 60px;
    height: 60px;
    border: 8px solid #f3f3f3; /* Light gray background */
    border-top: 8px solid #3498db; /* Blue color for the spinner */
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
}

/* Keyframes for the spinner's rotation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.uk-margin-small-bottom-5 {
    margin-bottom: 5px !important;
}


.wonra-pagination-container {
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;

    ul.wonra-pagination {
        display: flex;
        padding: 0;
        margin: 0;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
        position: relative;
    }

    li {
        flex: 1;
        list-style: none;
        text-align: center;
        position: relative;
        font-size: 20px;
        font-weight: bold;
        transition: 0.5s ease;
        cursor: pointer;
        user-select: none;
    }

    li.uk-disabled {
        pointer-events: none;
        color: #999;
    }

    li.wonra-button {
        position: relative;
        padding: 0 10px;
    }

    .bar {
        width: 0;
        height: 5px;
        background-color: #f564a9;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: left 0.3s ease; /* Add smooth sliding transition */
    }

    li a {
        text-decoration: none;
        color: inherit;
    }
}



@media (max-width: 768px) {
  body, html {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .uk-navbar-item.uk-logo img {
      height: 30px !important; /* Adjust to your preferred smaller size */
  }


  .uk-grid-large {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.uk-grid > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Optional: stack sidebar below content */
.uk-grid > div {
  width: 100% !important;
  margin: 0;
}

.uk-grid {
  margin:0;
}

/* Hide sidebar if needed */
.uk-width-1-5\@m {
  display: none !important;
}

  #room-pagination{
    display: none;
  }

    .uk-width-1-5\@m {
        display: none !important;
    }

    .wonra-pagination-container ul {
        font-size: 14px;
    }

    .wonra-pagination-container .bar {
        display: none;
    }
}



@media (max-width: 990px) {
  /* Hide sidebar if needed */
  .uk-width-1-5\@m {
    display: none !important;
  }

}


.error-message {
    color: red;
    font-size: 12px;
}