/* 
Theme Name:		RAZELM
Template:		hello-elementor
Version:		1.0.0
Text Domain:	razelm
*/

A { transition:0.3s all !important }
P:last-child { margin-bottom:0 !important }
P strong {color: var( --e-global-color-accent );}
body, html {scroll-padding-top: 100px;}

.number_tag { padding:5px 0; color:var(--e-global-color-accent); font-size:32px; line-height:1 }

/* CALENDAR */
.calendarSelect-wrapper { position:absolute !important; width:100%; height:100%; left:0; top:0 }
INPUT[name="calendarSelect"] { position:relative; z-index:10; opacity:0; cursor:pointer }
.calendarSelect-wrapper > .elementor-widget-container, .calendarSelect-wrapper > .elementor-widget-container > .elementor-shortcode, #calendarSelect, INPUT[name="calendarSelect"] { height:100% }

.daterangepicker { font-family:inherit !important; margin-top:-40px !important }
.daterangepicker TH, .daterangepicker TD { padding:6px 0px; width:40px !important; font-size:18px !important; border-radius:0 !important; border:2px solid #FFF !important }
.daterangepicker TBODY TD { background:#F8F8F8 !important }
.daterangepicker TD.active, .daterangepicker TD.in-range { background:var(--e-global-color-primary) !important; color:#FFF !important }
.daterangepicker TD.off { background:#F2F2F2 !important; color:var(--e-global-color-text) !important }
.daterangepicker TD.off.disabled { background:#DDD !important; pointer-events:none; }
.daterangepicker TBODY TD:hover { background:var(--e-global-color-secondary) !important; color:#FFF !important}

.daterangepicker .drp-calendar { max-width: none !important }
.daterangepicker TH.month { color:var(--e-global-color-accent) !important; text-transform:uppercase }
.daterangepicker.drop-up:after { bottom:-12px !important; border-top-width:12px !important }
.daterangepicker:after { border-left-width:12px !important; border-right-width:12px !important }
.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev {  background:var(--e-global-color-secondary) !important }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border: solid #FFF !important; border-width: 0 4px 4px 0 !important; }

.roomSelect_wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px }
.room_control { margin-top:5px; padding: 8px 0 0; background:var(--e-global-color-secondary); color:#FFF; line-height: 0;  border-radius: 50%; height: 20px; width: 20px; font-weight:bold; font-size:24px; cursor:pointer}


/* CONTACT */
#contact-form input.elementor-field {
    padding: 4px 10px 4px 40px;
    font-size: 1rem;
    position: relative;
}
#contact-form .elementor-field-type-submit {margin-top:40px;}
#contact-form .elementor-field-label::after { position: absolute; width: 20px; height: 20px; left: 30px; bottom: 10px; z-index: 1 }
#contact-form .elementor-field-group-name label::after { content: url("/wp-content/uploads/contact-nume-icon.svg");}
#contact-form .elementor-field-group-email label::after { content: url("/wp-content/uploads/contact-email-icon.svg");}
#contact-form .elementor-field-group-telefon label::after { content: url("/wp-content/uploads/contact-telefon-icon.svg");}
#contact-form .elementor-field-group-tara label::after { content: url("/wp-content/uploads/contact-tara-icon.svg");}
#contact-form .elementor-field-group-subiect label::after { content: url("/wp-content/uploads/contact-subiect-icon.svg"); bottom:12px}

/* SLIDER */
.slider-edit.elementor-element.e-container {max-height: 750px !important;}
.slider-edit .elementor-swiper-button {padding: 10px; background-color: var(--e-global-color-secondary);}
.slider-edit .elementor-swiper-button.elementor-swiper-button-next {right: 0px;}
.slider-edit .elementor-swiper-button.elementor-swiper-button-prev {left: 0px;}

.loop-grid div[data-elementor-type="loop"] { height: 100%; }
.loop-grid div[data-elementor-type="loop"] > div {height: 100%;}
.loop-grid div[data-elementor-type="loop"] > div > div:last-child {margin-top: auto;}

.align-grid > .elementor-element { flex:1 1 0 }
.align-grid > .elementor-element > .elementor-widget-container { display:flex; flex-direction:column; align-items: stretch }
.align-grid .elementor-widget-button {margin-top: auto; text-align:center}