/*
Theme Name: Royal Clinic Child
Theme URI: https://royalclinic.jwsuperthemes.com
Template: royalclinic
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: Royal Clinic is a premium WordPress theme tailored for plastic surgery, beauty clinics, medical spas, and dermatology centers. With a clean, modern layout and soft color palette, it creates a professional and inviting online presence. Key features include online booking, service pricing, before-and-after galleries, doctor profiles, testimonials, and a beauty blog. Built with Elementor for easy drag-and-drop customization—no coding needed—it also integrates seamlessly with WooCommerce and Contact Form 7. Fully responsive and SEO-optimized, Royal Clinic is the ideal solution for creating a high-converting website for your aesthetic business.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.1.0
Updated: 2025-06-20 06:21:57
*/

/*BG color*/
body {
	background-color: #F4F0EB !important;	
}

/* centriranje navigacije */
.elementor-5735 .elementor-element.elementor-element-5321def5 {
	margin: 0 auto;
}
/*mob nav*/
.jws-offcanvas-close-icon-wrapper.jws-offcanvas-close-icon-position-left-top {
    left: unset;
    right: auto;
    right: 0;
}
/*hero IMGs*/
.bg_animate {
  background-position: 85% center;
}

/*button*/
.elementor-widget-jws_button_advanced .elementor-button.btn-solid, .elementor-button {
  background: var(--main);
}
.elementor-widget-jws_button_advanced .elementor-button.btn-underlined::after, .elementor-button.btn-underlined::after {
	background: var(--e-global-color-accent);
}

/*Hero txt*/
#beauty-h1 {
 font-family: var(--font2);
 font-weight: normal;
}
#beauty-h1 .subtitle {
	font-family: var(--font-body);
}
#hero-h1 h1{
font-family: var(--font-body);
  line-height: 24px;
  color: var(--e-global-color-3885768);
  font-size: 18px;
}
#beauty-h2 {
	font-family: var(--font2);
}
@media (max-width: 767px) {
  .elementor-5621 .elementor-element.elementor-element-5fc62685 .ld-fh-element, .elementor-5621 .elementor-element.elementor-element-68d74931 .ld-fh-element
 {
    font-size: 55px;
  }
}

/*Selection*/
::selection {
  color: white;
  background: var(--main);
}

/* Nav logo on mobile devices */
.elementor-5735 .elementor-element.elementor-element-74eb22ec {
	width: auto;
}

/* Home page */
.page-id-5621 .jws_header {
	  position: absolute;
    width: 100%;
}

.page-id-5621 .jws_header .elementor-5735 .elementor-element.elementor-element-1c8714a:not(.elementor-motion-effects-element-type-background), .elementor-5735 .elementor-element.elementor-element-1c8714a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: transparent;
}

/* Home page na manjim ekranima */
.page-id-5621 .jws_header .elementor-5735 .elementor-element.elementor-element-5622ba77:not(.elementor-motion-effects-element-type-background), .elementor-5735 .elementor-element.elementor-element-5622ba77 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-color: transparent;
}

/* OUR PROCEDURES PAGE */
.our-procedures-cta {
	background: transparent !important;
	border: 1px solid #A8907C !important;
	color: #A8907C !important;
}

.our-procedures-cta:hover {
	color: #FFF !important;
}

.our-procedures-cta::after {
	background: #A8907C !important;
}

.jws-single-procedures-container .line_bar:before {
	background: #A8907C !important;
}

/* svg icons (+/-) */
.st0 {
	fill: #A8907C !important;
}

.jws_accordion .jws_accordion_item {
    border-bottom: 1px solid #A8907C !important;
}

/* JWS Price List */
.jws-price-list .elementor-price-list-items .elementor-price-list-item { align-items: start !important; }

.jws-price-list .elementor-price-list-items li .image { position: relative; top: 1px; }

/* Behandlungen 4 columns in Home and Behandlungen pages */
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
	display: flex;
	align-items: start;
}
/* Fix: RoyalClinic tema sakriva Complianz cookie banner */
/* Prikaži cookie banner, ali samo ako ga Complianz još NIJE označio kao dismissed */
#cmplz-cookiebanner-container .cmplz-cookiebanner[data-nosnippet="true"]:not(.cmplz-dismissed) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Tema royalclinic sakriva sve data-nosnippet divove. Ovim sprečavamo da ubije baner pre nego što je korisnik odlučio */
div[data-nosnippet] {
    /* ne diramo globalno, ovo je samo komentar da znamo zašto postoji override iznad */
}

/* Sakri linkove ostalih strancia sa cookie bannera */
.cmplz-cookiebanner .cmplz-links {
	display: none !important;
}

/* Wrapper za dva dugmeta */
.jws-booking-cta-btn--double {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

/* Razmak između dugmadi na desktopu (jedno pored drugog) */
.jws-booking-cta-btn--double .jws-booking-cta {
		width: 100%;
    margin: 0; /* da ne smeta stari margin ako ga ima */
}

/* Ukloni margin-right za poslednje dugme u redu (čisto kozmetika) */
.jws-booking-cta-btn--double .jws-booking-cta:last-child {
    margin-right: 0;
}

/* Na manjim ekranima – dugmad ispod jednog drugog, sa vertikalnim razmakom */
@media (max-width: 768px) {
    .jws-booking-cta-btn--double {
        flex-direction: column;
    }

    .jws-booking-cta-btn--double .jws-booking-cta {
        width: 100%;
        text-align: center;
    }
}
/*POPUP*/
/* OVERLAY preko celog ekrana */
.rc-termin-popup {
    position: fixed;
    inset: 0; /* top, right, bottom, left: 0 */
    background: rgba(0, 0, 0, 0.55);
    display: none;              /* sakriveno po defaultu */
    z-index: 9998;
}

/* Kada je popup aktivan (JS dodaje is-open) */
.rc-termin-popup.is-open {
    display: block;
}

/* PRAVI POPUP KVADRAT – potpuno nezavisan od Elementor layout-a */
.rc-popup-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #f5ede4;        /* tvoja bež */
    max-width: 650px;

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    text-align: center;
    z-index: 9999;              /* iznad overlay-a */

    margin: 0 !important;       /* pregazi Elementor margin/padding */
}

.rc-popup-close,
.rc-popup-close-hidden {
	cursor: pointer;
}

.rc-popup-close-hidden {
	visibility: hidden;
}

.rc-popup-btn a {
	display: block;
	min-width: 410px;
}

@media (max-width: 767px) {
	.rc-popup-box {
		max-width: 540px;
	}
}

@media (max-width: 460px) {
    .rc-popup-btn { width: 100%; }
	.rc-popup-btn a {
		min-width: auto;
		width: 100%;
	}
}
/*=======================================*/
/*===== WOOCOMMERCE - SHOP - START ======*/
/*=======================================*/
.products-wrap .layout1 .jws-product-content::before, .products-wrap .layout1 .jws-product-content {
  background: #f4f0eb;
}
.shop-page .shop-nav-top {
    display: none;
}
.legal-price-info,
.product_meta .sku_wrapper,
.cart_totals .order-tax,
.woocommerce-checkout .shop_table .order-tax,
.jws-product-content .tax-info,
.jws-product-content .shipping-costs-info,
.cart-collaterals .jws-shipping {
	display: none;
}
/*bg page*/
.shop-page .shop-container {
  --container-widget-width: 100%;
  background-image: url(https://aetheramedica.de/wp-content/uploads/2025/12/SVG-05-1.svg);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}
/* Wertgutschein - product card */
.woocommerce-tabs.wc-tabs-wrapper .jws-group-accordion-wap {
  margin: 0 auto;
  max-width: 1320px;
  padding-top: 30px;
}
.variations_form .reset_variations:hover {
    color: #E3DDD6;
    transition: 0.3s ease-in-out;
}
/*social*/
.product-share .addthis_inline_share_toolbox a {
  background: #E3DDD6;
}
/*YOUR CART*/
.jws-mini-cart-wrapper .jws-shipping,
.jws-shipping {
	display: none;
}
/*Checkout*/
.woocommerce-order-received .woocommerce {
  margin-bottom: 40px;
}
.woocommerce-customer-details address {
	text-align: center;
}
/* SCROLLBAR */
::-webkit-scrollbar {
    width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #A8907C;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #A8907C;
}
/* Poruka na vrhu Thank you stranice */
.woocommerce-order .aethera-voucher-thankyou {
    padding: 20px 25px;
    background: #f9f8f6;
    border-left: 4px solid #d2cabd;
    color: #575757;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
.woocommerce-order .aethera-voucher-thankyou--top {
  margin: 0 0 25px 0;
}
.woocommerce-order .aethera-voucher-thankyou strong {
    display: block;
    margin-bottom: 8px;
    font-family: "Playfair Display", serif;
    font-size: 18px;
}
/* KASSE page */
/*form*/
.page_checkout_classic .woocommerce-checkout-payment {
  border-top: 0px;
}
.woocommerce-checkout .shop_table {
  background-color: #f4f0eb !important;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order button.button {
  padding: 10px 20px;
  background-color: #a8907c;
  color: #f4f0eb;
	border: 0px;
  border-radius: 0px;
}
.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order button.button:hover {
	background-color: #CBB6A2;
	
}
form.woocommerce-checkout .woocommerce-additional-fields textarea {
  background-color: #f4f0eb;
	
}
.woocommerce-error {
    margin-bottom: 20px !important;
}
#card-fields-container { margin-top: 20px !important; }

#order_review .wc-gzd-checkbox-placeholder {
    margin-bottom: 20px;
}
/*=====================================*/
/*===== WOOCOMMERCE - SHOP - END ======*/
/*=====================================*/