/**
 * =========================================================
 * DALLOL CARE PLATFORM
 * Modern Minimal Glass UI
 * =========================================================
 *
 * Design:
 * - Blue / white only
 * - Glassmorphism
 * - Floating navigation
 * - Minimal healthcare aesthetic
 * - Responsive / mobile first
 * - No red
 *
 * =========================================================
 */


/* =========================================================
   DESIGN TOKENS
   ========================================================= */

:root {

	--dc-blue-950: #03152f;
	--dc-blue-925: #041d3f;
	--dc-blue-900: #062754;
	--dc-blue-850: #073266;
	--dc-blue-800: #08458a;
	--dc-blue-700: #0b5fc4;
	--dc-blue-600: #1677e8;
	--dc-blue-500: #318cff;
	--dc-blue-400: #65adff;
	--dc-blue-300: #9bceff;

	--dc-white: #ffffff;
	--dc-white-95: rgba(255,255,255,.95);
	--dc-white-90: rgba(255,255,255,.90);
	--dc-white-80: rgba(255,255,255,.80);
	--dc-white-70: rgba(255,255,255,.70);
	--dc-white-60: rgba(255,255,255,.60);
	--dc-white-45: rgba(255,255,255,.45);
	--dc-white-25: rgba(255,255,255,.25);
	--dc-white-18: rgba(255,255,255,.18);
	--dc-white-12: rgba(255,255,255,.12);
	--dc-white-08: rgba(255,255,255,.08);

	--dc-glass: rgba(255,255,255,.095);
	--dc-glass-light: rgba(255,255,255,.135);
	--dc-glass-strong: rgba(255,255,255,.17);

	--dc-border: rgba(255,255,255,.16);
	--dc-border-light: rgba(255,255,255,.23);

	--dc-shadow:
		0 25px 70px rgba(0, 15, 45, .28);

	--dc-shadow-small:
		0 12px 35px rgba(0, 15, 45, .20);

	--dc-radius-xl: 32px;
	--dc-radius-lg: 26px;
	--dc-radius-md: 20px;
	--dc-radius-sm: 15px;

	--dc-content-width: 1120px;

	--dc-nav-height: 78px;

}


/* =========================================================
   RESET INSIDE APPLICATION
   ========================================================= */

.dallol-care-app,
.dallol-care-app * {
	box-sizing: border-box;
}


.dallol-care-app button,
.dallol-care-app input,
.dallol-care-app textarea,
.dallol-care-app select {
	font: inherit;
}


.dallol-care-app button {
	margin: 0;
}


.dallol-care-app img,
.dallol-care-app svg {
	max-width: 100%;
}


.dallol-care-app svg {
	display: block;
}


.dallol-care-app button,
.dallol-care-app a {
	-webkit-tap-highlight-color: transparent;
}


.dallol-care-app button {
	cursor: pointer;
}


/* =========================================================
   APPLICATION ROOT
   ========================================================= */

.dallol-care-app {

	position: relative;

	width: 100%;
	min-height: 100vh;

	overflow: visible;

	color: var(--dc-white);

	background:
		radial-gradient(
			circle at 15% 10%,
			rgba(49,140,255,.22) 0,
			transparent 32%
		),
		radial-gradient(
			circle at 90% 20%,
			rgba(101,173,255,.14) 0,
			transparent 28%
		),
		radial-gradient(
			circle at 50% 90%,
			rgba(11,95,196,.20) 0,
			transparent 36%
		),
		linear-gradient(
			145deg,
			var(--dc-blue-950) 0%,
			var(--dc-blue-900) 45%,
			var(--dc-blue-800) 100%
		);

	padding: 0 0 145px;

	isolation: isolate;

}


/* =========================================================
   SUBTLE HEALTHCARE AMBIENCE
   ========================================================= */

.dallol-care-app::before {

	content: "+";

	position: fixed;

	top: 17%;
	right: 7%;

	z-index: -1;

	width: 190px;
	height: 190px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid rgba(255,255,255,.045);
	border-radius: 50%;

	color: rgba(255,255,255,.045);

	font-size: 150px;
	font-weight: 200;
	line-height: 1;

	pointer-events: none;

	transform: rotate(8deg);

}


.dallol-care-app::after {

	content: "";

	position: fixed;

	left: 0;
	right: 0;
	bottom: 0;

	height: 45%;

	z-index: -2;

	pointer-events: none;

	opacity: .32;

	background-image:
		linear-gradient(
			135deg,
			transparent 0 47%,
			rgba(255,255,255,.035) 47.3%,
			transparent 48%
		),
		linear-gradient(
			45deg,
			transparent 0 47%,
			rgba(255,255,255,.025) 47.3%,
			transparent 48%
		);

	background-size: 80px 80px;

	mask-image: linear-gradient(
		to top,
		black,
		transparent
	);

}


/* =========================================================
   GLOBAL TYPOGRAPHY
   ========================================================= */

.dallol-care-app h1,
.dallol-care-app h2,
.dallol-care-app h3,
.dallol-care-app h4,
.dallol-care-app p {
	margin-top: 0;
}


.dallol-care-app h1,
.dallol-care-app h2,
.dallol-care-app h3 {
	color: var(--dc-white) !important;
	letter-spacing: -.035em;
}


.dallol-care-app p {
	color: var(--dc-white-70) !important;
}


.dallol-care-app a {
	color: var(--dc-white);
	text-decoration: none;
}


/* =========================================================
   SHELL
   ========================================================= */

.dallol-care-app .dc-shell {

	width: min(
		var(--dc-content-width),
		calc(100% - 40px)
	);

	margin-left: auto;
	margin-right: auto;

}


/* =========================================================
   HEADER
   ========================================================= */

.dallol-care-app .dc-header {

	position: sticky;

	top: 14px;

	z-index: 900;

	width: min(
		var(--dc-content-width),
		calc(100% - 40px)
	);

	margin: 14px auto 0;

	border: 1px solid var(--dc-border);

	border-radius: 24px;

	background:
		linear-gradient(
			135deg,
			rgba(255,255,255,.13),
			rgba(255,255,255,.055)
		);

	backdrop-filter: blur(24px) saturate(145%);
	-webkit-backdrop-filter: blur(24px) saturate(145%);

	box-shadow: var(--dc-shadow-small);

}


.dallol-care-app .dc-header-inner {

	width: 100%;

	min-height: 72px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 10px 14px 10px 18px;

}


/* =========================================================
   BRAND
   ========================================================= */

.dallol-care-app .dc-brand {

	display: inline-flex;
	align-items: center;
	gap: 12px;

	padding: 0;

	border: 0;

	background: transparent !important;

	color: var(--dc-white) !important;

	text-align: left;

	box-shadow: none !important;

}


.dallol-care-app .dc-brand-icon {

	width: 42px;
	height: 42px;

	flex: 0 0 42px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid rgba(255,255,255,.24);

	border-radius: 14px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.22),
			rgba(255,255,255,.07)
		);

	color: var(--dc-white);

	box-shadow:
		0 8px 25px rgba(0,20,60,.18);

}


.dallol-care-app .dc-brand-icon .dc-icon {
	width: 21px;
	height: 21px;
}


.dallol-care-app .dc-brand-copy {

	display: flex;
	flex-direction: column;

	gap: 2px;

}


.dallol-care-app .dc-brand-copy strong {

	color: var(--dc-white) !important;

	font-size: 16px;
	font-weight: 750;

	letter-spacing: -.02em;

}


.dallol-care-app .dc-brand-copy small {

	color: var(--dc-white-60) !important;

	font-size: 10px;
	font-weight: 500;

	letter-spacing: .04em;

}


/* =========================================================
   HEADER USER
   ========================================================= */

.dallol-care-app .dc-header-actions {
	display: flex;
	align-items: center;
}


.dallol-care-app .dc-user-pill {

	display: inline-flex;
	align-items: center;
	gap: 9px;

	min-height: 46px;

	padding: 5px 12px 5px 5px;

	border: 1px solid var(--dc-border);

	border-radius: 999px;

	background: rgba(255,255,255,.08) !important;

	color: var(--dc-white) !important;

	box-shadow: none !important;

}


.dallol-care-app .dc-user-pill:hover {

	background: rgba(255,255,255,.14) !important;

	border-color: var(--dc-border-light);

	transform: translateY(-1px);

}


.dallol-care-app .dc-user-avatar {

	width: 35px;
	height: 35px;

	display: block;

	overflow: hidden;

	border-radius: 50%;

	background: rgba(255,255,255,.16);

}


.dallol-care-app .dc-user-avatar img {

	width: 100%;
	height: 100%;

	display: block;

	object-fit: cover;

}


.dallol-care-app .dc-user-name {

	max-width: 130px;

	overflow: hidden;

	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--dc-white) !important;

	font-size: 13px;
	font-weight: 650;

}


.dallol-care-app .dc-login-link {

	display: inline-flex;
	align-items: center;
	gap: 8px;

	min-height: 44px;

	padding: 0 15px;

	border: 1px solid var(--dc-border);

	border-radius: 999px;

	background: rgba(255,255,255,.08);

	color: var(--dc-white) !important;

	font-size: 13px;
	font-weight: 650;

	transition:
		background .2s ease,
		transform .2s ease,
		border-color .2s ease;

}


.dallol-care-app .dc-login-link:hover {

	background: rgba(255,255,255,.15);

	border-color: var(--dc-border-light);

	transform: translateY(-1px);

}


.dallol-care-app .dc-icon-wrap-small {

	width: 25px;
	height: 25px;

	display: flex;
	align-items: center;
	justify-content: center;

}


.dallol-care-app .dc-icon-wrap-small .dc-icon {

	width: 17px;
	height: 17px;

}


/* =========================================================
   SVG ICON NORMALIZATION
   ========================================================= */

.dallol-care-app .dc-icon {

	width: 20px !important;
	height: 20px !important;

	max-width: 1.35em;

	flex: 0 0 auto;

	display: block;

	stroke: currentColor;

}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.dallol-care-app .dc-app-content {

	position: relative;

	width: 100%;

	padding-bottom: 70px;

}


.dallol-care-app .dc-screen {

	display: none;

	width: 100%;

	padding-top: 64px;

	padding-bottom: 90px;

}


.dallol-care-app .dc-screen.is-active {

	display: block;

	animation:
		dc-screen-in .35s ease both;

}


@keyframes dc-screen-in {

	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}

}


/* =========================================================
   HOME
   ========================================================= */

.dallol-care-app .dc-minimal-home {

	min-height: calc(100vh - 160px);

	display: flex;
	align-items: center;

}


.dallol-care-app .dc-minimal-home-content {

	width: 100%;
	max-width: 760px;

	padding: 55px 0 70px;

}


.dallol-care-app .dc-minimal-home-icon {

	width: 66px;
	height: 66px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 24px;

	border: 1px solid var(--dc-border-light);

	border-radius: 21px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.18),
			rgba(255,255,255,.06)
		);

	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);

	color: var(--dc-white);

	box-shadow: var(--dc-shadow-small);

}


.dallol-care-app .dc-minimal-home-icon .dc-icon {

	width: 30px !important;
	height: 30px !important;

}


.dallol-care-app .dc-section-label {

	display: block;

	margin-bottom: 12px;

	color: var(--dc-blue-300) !important;

	font-size: 11px;
	font-weight: 750;

	letter-spacing: .14em;
	text-transform: uppercase;

}


.dallol-care-app .dc-minimal-home h1 {

	max-width: 780px;

	margin-bottom: 36px;

	color: var(--dc-white) !important;

	font-size: clamp(
		48px,
		8vw,
		86px
	);

	font-weight: 750;

	line-height: .98;

	letter-spacing: -.055em;

}


.dallol-care-app .dc-minimal-home h1 span {

	display: block;

	color: var(--dc-blue-300) !important;

}


/* =========================================================
   BUTTON SYSTEM
   ========================================================= */

.dallol-care-app .dc-btn {

	position: relative;

	min-height: 54px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;

	padding: 0 20px;

	border: 1px solid transparent;

	border-radius: 16px;

	font-size: 14px;
	font-weight: 700;

	line-height: 1;

	text-decoration: none !important;

	cursor: pointer;

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		background .2s ease,
		border-color .2s ease;

}


.dallol-care-app .dc-btn:hover {

	transform: translateY(-2px);

}


.dallol-care-app .dc-btn:active {

	transform: translateY(0);

}


.dallol-care-app .dc-btn-primary {

	background:
		linear-gradient(
			135deg,
			var(--dc-white),
			#eaf5ff
		) !important;

	color: var(--dc-blue-900) !important;

	border-color: rgba(255,255,255,.8) !important;

	box-shadow:
		0 14px 35px rgba(0,20,60,.25);

}


.dallol-care-app .dc-btn-primary:hover {

	background: var(--dc-white) !important;

	color: var(--dc-blue-800) !important;

	box-shadow:
		0 18px 42px rgba(0,20,60,.30);

}


.dallol-care-app .dc-btn-primary span {

	color: inherit !important;

}


.dallol-care-app .dc-btn-icon {

	width: 24px;
	height: 24px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: rgba(7,50,102,.08);

	color: currentColor;

}


.dallol-care-app .dc-btn-icon .dc-icon {

	width: 15px !important;
	height: 15px !important;

}


/* =========================================================
   PAGE HERO
   ========================================================= */

.dallol-care-app .dc-page-hero {

	max-width: 780px;

	margin: 0 auto 42px;

	text-align: center;

}


.dallol-care-app .dc-page-hero-left {

	max-width: none;

	display: flex;
	align-items: flex-start;
	gap: 20px;

	text-align: left;

}


.dallol-care-app .dc-page-icon {

	width: 58px;
	height: 58px;

	flex: 0 0 58px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-border);

	border-radius: 18px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.16),
			rgba(255,255,255,.06)
		);

	color: var(--dc-white);

	box-shadow: var(--dc-shadow-small);

}


.dallol-care-app .dc-page-icon .dc-icon {

	width: 25px !important;
	height: 25px !important;

}


.dallol-care-app .dc-page-hero:not(.dc-page-hero-left) .dc-page-icon {

	margin: 0 auto 20px;

}


.dallol-care-app .dc-page-hero h1 {

	margin: 0 0 12px;

	color: var(--dc-white) !important;

	font-size: clamp(34px, 5vw, 56px);

	font-weight: 740;

	line-height: 1.04;

	letter-spacing: -.045em;

}


.dallol-care-app .dc-page-hero p {

	max-width: 620px;

	margin-bottom: 0;

	font-size: 15px;
	line-height: 1.7;

}


/* =========================================================
   MOBILE HOME POSITIONING
   ========================================================= */

@media (max-width: 760px) {

	.dallol-care-app .dc-minimal-home {

		transform: translateY(-85px);

	}

	.dallol-care-app .dc-minimal-home h1 {

		margin-bottom: 30px;

		font-size: clamp(
			38px,
			11.5vw,
			56px
		);

	}

}


@media (max-width: 390px) {

	.dallol-care-app .dc-minimal-home h1 {

		font-size: 40px;

	}

}


/* =========================================================
   SERVICES LEVELS
   ========================================================= */

.dallol-care-app .dc-services-level {

	display: none;

}


.dallol-care-app .dc-services-level.is-active {

	display: block;

	animation:
		dc-level-in .3s ease both;

}


@keyframes dc-level-in {

	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}

}


/* =========================================================
   SERVICE LEVEL HEADING
   ========================================================= */

.dallol-care-app .dc-service-level-heading {

	margin: 12px 0 28px;

}


.dallol-care-app .dc-service-level-heading h2 {

	margin-bottom: 7px;

	color: var(--dc-white) !important;

	font-size: clamp(28px, 4vw, 40px);

	font-weight: 730;

	letter-spacing: -.04em;

}


.dallol-care-app .dc-service-level-heading p {

	margin: 0;

	font-size: 14px;

}


/* =========================================================
   BACK BUTTONS
   ========================================================= */

.dallol-care-app .dc-services-back,
.dallol-care-app .dc-back-link {

	display: inline-flex;
	align-items: center;
	gap: 8px;

	min-height: 40px;

	padding: 0 13px;

	border: 1px solid var(--dc-border);

	border-radius: 999px;

	background: rgba(255,255,255,.07) !important;

	color: var(--dc-white) !important;

	font-size: 12px;
	font-weight: 650;

	box-shadow: none !important;

	transition:
		background .2s ease,
		border-color .2s ease,
		transform .2s ease;

}


.dallol-care-app .dc-services-back:hover,
.dallol-care-app .dc-back-link:hover {

	background: rgba(255,255,255,.14) !important;

	border-color: var(--dc-border-light);

	transform: translateX(-2px);

}


.dallol-care-app .dc-services-back .dc-icon,
.dallol-care-app .dc-back-link .dc-icon {

	width: 16px !important;
	height: 16px !important;

}


/* =========================================================
   SERVICE CHOICE CARDS
   ========================================================= */

.dallol-care-app .dc-service-choice-grid {

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 18px;

}


.dallol-care-app .dc-service-choice {

	position: relative;

	width: 100%;

	min-height: 175px;

	display: flex;
	align-items: center;

	gap: 18px;

	padding: 24px;

	border: 1px solid var(--dc-border);

	border-radius: var(--dc-radius-lg);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.13),
			rgba(255,255,255,.055)
		) !important;

	color: var(--dc-white) !important;

	text-align: left;

	box-shadow: var(--dc-shadow-small);

	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);

	overflow: hidden;

	transition:
		transform .25s ease,
		border-color .25s ease,
		background .25s ease,
		box-shadow .25s ease;

}


.dallol-care-app .dc-service-choice::before {

	content: "";

	position: absolute;

	width: 130px;
	height: 130px;

	right: -60px;
	top: -60px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(101,173,255,.18),
			transparent 70%
		);

	pointer-events: none;

}


.dallol-care-app .dc-service-choice:hover {

	transform: translateY(-5px);

	border-color: rgba(155,206,255,.40);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.17),
			rgba(255,255,255,.075)
		) !important;

	box-shadow:
		0 24px 60px rgba(0,20,60,.28);

}


.dallol-care-app .dc-service-choice:focus-visible {

	outline: 2px solid var(--dc-blue-300);

	outline-offset: 3px;

}


.dallol-care-app .dc-service-choice-icon {

	width: 54px;
	height: 54px;

	flex: 0 0 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid rgba(255,255,255,.20);

	border-radius: 17px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.17),
			rgba(255,255,255,.07)
		);

	color: var(--dc-white);

}


.dallol-care-app .dc-service-choice-icon .dc-icon {

	width: 25px !important;
	height: 25px !important;

}


.dallol-care-app .dc-service-choice-content {

	position: relative;

	flex: 1;

	min-width: 0;

	display: flex;
	flex-direction: column;

	gap: 7px;

}


.dallol-care-app .dc-service-choice-content strong {

	color: var(--dc-white) !important;

	font-size: 17px;
	font-weight: 720;

	line-height: 1.2;

	letter-spacing: -.025em;

}


.dallol-care-app .dc-service-choice-content > span {

	color: var(--dc-white-60) !important;

	font-size: 12.5px;

	line-height: 1.55;

}


.dallol-care-app .dc-service-choice-arrow {

	width: 38px;
	height: 38px;

	flex: 0 0 38px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-border);

	border-radius: 50%;

	background: rgba(255,255,255,.07);

	color: var(--dc-white);

	transition:
		transform .2s ease,
		background .2s ease;

}


.dallol-care-app .dc-service-choice:hover .dc-service-choice-arrow {

	transform: translateX(3px);

	background: rgba(255,255,255,.14);

}


.dallol-care-app .dc-service-choice-arrow .dc-icon {

	width: 16px !important;
	height: 16px !important;

}


/* =========================================================
   PACKAGE GRID
   ========================================================= */

.dallol-care-app .dc-packages-grid {

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 18px;

}


.dallol-care-app .dc-modern-package {

	position: relative;

	width: 100%;

	min-height: 275px;

	display: flex;
	flex-direction: column;

	padding: 22px;

	border: 1px solid var(--dc-border);

	border-radius: var(--dc-radius-lg);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.13),
			rgba(255,255,255,.05)
		) !important;

	color: var(--dc-white) !important;

	text-align: left;

	box-shadow: var(--dc-shadow-small);

	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);

	overflow: hidden;

	transition:
		transform .25s ease,
		border-color .25s ease,
		box-shadow .25s ease,
		background .25s ease;

}


.dallol-care-app .dc-modern-package::after {

	content: "";

	position: absolute;

	width: 180px;
	height: 180px;

	right: -100px;
	bottom: -100px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(49,140,255,.22),
			transparent 70%
		);

	pointer-events: none;

}


.dallol-care-app .dc-modern-package:hover {

	transform: translateY(-5px);

	border-color: rgba(155,206,255,.38);

	box-shadow:
		0 25px 65px rgba(0,20,60,.28);

}


.dallol-care-app .dc-package-card-top {

	position: relative;

	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-bottom: 28px;

}


.dallol-care-app .dc-package-icon {

	width: 50px;
	height: 50px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid rgba(255,255,255,.19);

	border-radius: 16px;

	background: rgba(255,255,255,.10);

	color: var(--dc-white);

}


.dallol-care-app .dc-package-icon .dc-icon {

	width: 22px !important;
	height: 22px !important;

}


.dallol-care-app .dc-package-arrow {

	width: 35px;
	height: 35px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-border);

	border-radius: 50%;

	background: rgba(255,255,255,.06);

	color: var(--dc-white);

}


.dallol-care-app .dc-package-arrow .dc-icon {

	width: 15px !important;
	height: 15px !important;

}


.dallol-care-app .dc-package-card-content {

	position: relative;

	flex: 1;

}


.dallol-care-app .dc-package-card-content h3 {

	margin-bottom: 8px;

	color: var(--dc-white) !important;

	font-size: 21px;

	font-weight: 720;

	letter-spacing: -.035em;

}


.dallol-care-app .dc-package-card-content p {

	margin-bottom: 18px;

	color: var(--dc-white-60) !important;

	font-size: 13px;

	line-height: 1.6;

}


.dallol-care-app .dc-package-duration {

	display: inline-flex;
	align-items: center;
	gap: 7px;

	padding: 7px 10px;

	border: 1px solid var(--dc-border);

	border-radius: 999px;

	background: rgba(255,255,255,.06);

	color: var(--dc-white-80);

	font-size: 11px;
	font-weight: 650;

}


.dallol-care-app .dc-package-duration-icon {

	display: flex;
	align-items: center;
	justify-content: center;

}


.dallol-care-app .dc-package-duration .dc-icon {

	width: 14px !important;
	height: 14px !important;

	color: var(--dc-blue-300);

}


.dallol-care-app .dc-package-choose {

	position: relative;

	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-top: 22px;
	padding-top: 17px;

	border-top: 1px solid rgba(255,255,255,.10);

	color: var(--dc-white) !important;

	font-size: 12px;
	font-weight: 700;

}


.dallol-care-app .dc-package-choose-icon {

	width: 27px;
	height: 27px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: var(--dc-white);

	color: var(--dc-blue-900);

}


.dallol-care-app .dc-package-choose-icon .dc-icon {

	width: 13px !important;
	height: 13px !important;

}


/* =========================================================
   BOOKING PAGE
   ========================================================= */

.dallol-care-app .dc-booking-shell {

	max-width: 900px;

}


.dallol-care-app .dc-booking-top {

	margin-bottom: 28px;

}


.dallol-care-app .dc-booking-heading {

	margin-top: 25px;

}


.dallol-care-app .dc-booking-heading h1 {

	margin: 8px 0 10px;

	color: var(--dc-white) !important;

	font-size: clamp(35px, 5vw, 54px);

	font-weight: 740;

	letter-spacing: -.045em;

}


.dallol-care-app .dc-booking-heading p {

	max-width: 670px;

	margin-bottom: 0;

	font-size: 14px;

	line-height: 1.7;

}


/* =========================================================
   BOOKING FORM GLASS CARD
   ========================================================= */

.dallol-care-app .dc-modern-booking-form {

	position: relative;

	padding: clamp(22px, 4vw, 34px);

	border: 1px solid var(--dc-border);

	border-radius: var(--dc-radius-xl);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.135),
			rgba(255,255,255,.055)
		);

	box-shadow: var(--dc-shadow);

	backdrop-filter: blur(24px) saturate(140%);
	-webkit-backdrop-filter: blur(24px) saturate(140%);

}


.dallol-care-app .dc-form-intro {

	display: flex;
	align-items: center;
	gap: 15px;

	margin-bottom: 25px;
	padding-bottom: 22px;

	border-bottom: 1px solid rgba(255,255,255,.11);

}


.dallol-care-app .dc-form-intro-icon {

	width: 48px;
	height: 48px;

	flex: 0 0 48px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-border);

	border-radius: 15px;

	background: rgba(255,255,255,.08);

	color: var(--dc-white);

}


.dallol-care-app .dc-form-intro-icon .dc-icon {

	width: 21px !important;
	height: 21px !important;

}


.dallol-care-app .dc-form-intro h2 {

	margin-bottom: 4px;

	color: var(--dc-white) !important;

	font-size: 19px;

	font-weight: 720;

	letter-spacing: -.025em;

}


.dallol-care-app .dc-form-intro p {

	margin-bottom: 0;

	font-size: 12px;

	line-height: 1.5;

}


/* =========================================================
   SELECTED PACKAGE
   ========================================================= */

.dallol-care-app .dc-selected-package-card {

	display: flex;
	align-items: flex-start;
	gap: 16px;

	margin-bottom: 28px;
	padding: 19px;

	border: 1px solid rgba(155,206,255,.18);

	border-radius: 20px;

	background:
		linear-gradient(
			135deg,
			rgba(49,140,255,.17),
			rgba(255,255,255,.055)
		);

}


.dallol-care-app .dc-selected-package-icon {

	width: 48px;
	height: 48px;

	flex: 0 0 48px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid rgba(255,255,255,.20);

	border-radius: 15px;

	background: rgba(255,255,255,.10);

	color: var(--dc-white);

}


.dallol-care-app .dc-selected-package-icon .dc-icon {

	width: 21px !important;
	height: 21px !important;

}


.dallol-care-app .dc-selected-package-content {

	min-width: 0;
	flex: 1;

}


.dallol-care-app .dc-selected-package-content .dc-section-label {

	margin-bottom: 7px;

	font-size: 9px;

}


.dallol-care-app .dc-selected-package-content h2 {

	margin-bottom: 5px;

	color: var(--dc-white) !important;

	font-size: 19px;

	font-weight: 720;

}


.dallol-care-app .dc-selected-package-content p {

	margin-bottom: 12px;

	font-size: 12px;

	line-height: 1.55;

}


.dallol-care-app .dc-selected-package-duration {

	display: inline-flex;
	align-items: center;
	gap: 7px;

	color: var(--dc-white-80);

	font-size: 11px;
	font-weight: 650;

}


.dallol-care-app .dc-selected-package-duration-icon {

	display: flex;
	align-items: center;
	justify-content: center;

}


.dallol-care-app .dc-selected-package-duration .dc-icon {

	width: 14px !important;
	height: 14px !important;

	color: var(--dc-blue-300);

}


/* =========================================================
   FORM GRID
   ========================================================= */

.dallol-care-app .dc-form-grid {

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 18px;

}


.dallol-care-app .dc-field-full {

	grid-column: 1 / -1;

}


.dallol-care-app .dc-field label {

	display: block;

	margin: 0 0 8px 2px;

	color: var(--dc-white-90) !important;

	font-size: 12px;
	font-weight: 680;

}


/* =========================================================
   INPUTS
   ========================================================= */

.dallol-care-app .dc-input-with-icon {

	position: relative;

}


.dallol-care-app .dc-input-icon {

	position: absolute;

	top: 17px;
	left: 15px;

	z-index: 2;

	width: 20px;
	height: 20px;

	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--dc-blue-700);

	pointer-events: none;

}


.dallol-care-app .dc-input-icon .dc-icon {

	width: 18px !important;
	height: 18px !important;

}


.dallol-care-app input[type="text"],
.dallol-care-app input[type="tel"],
.dallol-care-app input[type="email"],
.dallol-care-app input[type="date"],
.dallol-care-app input[type="number"],
.dallol-care-app textarea,
.dallol-care-app select {

	width: 100% !important;

	min-height: 54px;

	padding: 14px 15px 14px 48px !important;

	border: 1px solid rgba(255,255,255,.16) !important;

	border-radius: 16px !important;

	background:
		rgba(255,255,255,.95) !important;

	color: var(--dc-blue-950) !important;

	font-size: 14px;

	box-shadow:
		0 8px 25px rgba(0,15,45,.08) !important;

	outline: none !important;

	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		transform .2s ease;

}


.dallol-care-app textarea {

	min-height: 112px;

	resize: vertical;

	line-height: 1.55;

}


.dallol-care-app input::placeholder,
.dallol-care-app textarea::placeholder {

	color: rgba(3,21,47,.45) !important;

}


.dallol-care-app input:focus,
.dallol-care-app textarea:focus,
.dallol-care-app select:focus {

	border-color: var(--dc-blue-500) !important;

	box-shadow:
		0 0 0 4px rgba(49,140,255,.16),
		0 10px 30px rgba(0,15,45,.12) !important;

}


.dallol-care-app input[type="date"] {

	color-scheme: light;

}


.dallol-care-app input[type="date"]::-webkit-calendar-picker-indicator {

	opacity: .65;

	cursor: pointer;

}


/* =========================================================
   SUBMIT
   ========================================================= */

.dallol-care-app .dc-form-submit {

	display: flex;
	justify-content: flex-end;

	margin-top: 25px;
	padding-top: 22px;

	border-top: 1px solid rgba(255,255,255,.10);

}


.dallol-care-app .dc-submit-request {

	min-width: 210px;

}


/* =========================================================
   MESSAGE / STATE CARDS
   ========================================================= */

.dallol-care-app .dc-state-card {

	width: 100%;

	padding: 45px 28px;

	border: 1px solid var(--dc-border);

	border-radius: var(--dc-radius-lg);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.13),
			rgba(255,255,255,.055)
		);

	box-shadow: var(--dc-shadow-small);

	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);

	text-align: center;

}


.dallol-care-app .dc-state-icon {

	width: 62px;
	height: 62px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin: 0 auto 20px;

	border: 1px solid var(--dc-border);

	border-radius: 20px;

	background: rgba(255,255,255,.09);

	color: var(--dc-white);

}


.dallol-care-app .dc-state-icon .dc-icon {

	width: 26px !important;
	height: 26px !important;

}


.dallol-care-app .dc-state-card h2 {

	margin-bottom: 8px;

	color: var(--dc-white) !important;

	font-size: 23px;

	font-weight: 720;

	letter-spacing: -.03em;

}


.dallol-care-app .dc-state-card p {

	max-width: 480px;

	margin: 0 auto 23px;

	font-size: 13px;

	line-height: 1.6;

}


/* =========================================================
   BOOKING MESSAGE
   ========================================================= */

.dallol-care-app .dc-booking-message {

	margin-top: 16px;

	color: var(--dc-white) !important;

	font-size: 13px;

	line-height: 1.5;

}


.dallol-care-app .dc-booking-message.error,
.dallol-care-app .dc-booking-message.success,
.dallol-care-app .dc-error,
.dallol-care-app .dc-success {

	color: var(--dc-white) !important;

	border-color: var(--dc-border-light) !important;

	background:
		rgba(49,140,255,.13) !important;

}


/* =========================================================
   BOOKING SUCCESS SCREEN
   ========================================================= */

.dallol-care-app .dc-success-screen {

	width: 100%;
	max-width: 680px;

	min-height: 500px;

	margin: 40px auto 0;

	padding: 55px 40px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-border);

	border-radius: var(--dc-radius-xl);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.14),
			rgba(255,255,255,.055)
		);

	box-shadow: var(--dc-shadow);

	backdrop-filter: blur(25px) saturate(145%);
	-webkit-backdrop-filter: blur(25px) saturate(145%);

	text-align: center;

}


.dallol-care-app .dc-success-icon {

	width: 86px;
	height: 86px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 28px;

	border: 1px solid rgba(155,206,255,.38);

	border-radius: 28px;

	background:
		linear-gradient(
			145deg,
			rgba(49,140,255,.25),
			rgba(255,255,255,.09)
		);

	color: var(--dc-white);

	box-shadow:
		0 18px 45px rgba(0,30,90,.25),
		0 0 0 8px rgba(49,140,255,.055);

}


.dallol-care-app .dc-success-icon .dc-icon {

	width: 38px !important;
	height: 38px !important;

	stroke-width: 2.2;

}


.dallol-care-app .dc-success-screen .dc-section-label {

	margin-bottom: 10px;

}


.dallol-care-app .dc-success-screen h1 {

	margin-bottom: 14px;

	color: var(--dc-white) !important;

	font-size: clamp(34px, 5vw, 52px);

	font-weight: 750;

	line-height: 1;

	letter-spacing: -.05em;

}


.dallol-care-app .dc-success-screen > p {

	max-width: 510px;

	margin-bottom: 30px;

	font-size: 14px;

	line-height: 1.75;

}


.dallol-care-app .dc-success-actions {

	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;

	gap: 13px;

}


.dallol-care-app .dc-success-actions .dc-btn {

	min-width: 230px;

}


.dallol-care-app .dc-success-actions .dc-back-link {

	min-height: 38px;

	padding-left: 16px;
	padding-right: 16px;

}


/* =========================================================
   MY CARE
   ========================================================= */

.dallol-care-app .dc-care-request-list {

	display: grid;

	gap: 14px;

}


.dallol-care-app .dc-care-request-card {

	position: relative;

	width: 100%;

	display: flex;
	align-items: center;
	gap: 16px;

	padding: 18px;

	border: 1px solid var(--dc-border);

	border-radius: 21px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.115),
			rgba(255,255,255,.045)
		) !important;

	color: var(--dc-white) !important;

	text-align: left;

	box-shadow: var(--dc-shadow-small);

	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);

	transition:
		transform .22s ease,
		border-color .22s ease,
		background .22s ease;

}


.dallol-care-app .dc-care-request-card:hover {

	transform: translateY(-3px);

	border-color: rgba(155,206,255,.36);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.15),
			rgba(255,255,255,.06)
		) !important;

}


.dallol-care-app .dc-care-request-card:focus-visible {

	outline: 2px solid var(--dc-blue-300);

	outline-offset: 3px;

}


.dallol-care-app .dc-request-icon {

	width: 52px;
	height: 52px;

	flex: 0 0 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-border);

	border-radius: 16px;

	background: rgba(255,255,255,.09);

	color: var(--dc-white);

}


.dallol-care-app .dc-request-icon .dc-icon {

	width: 23px !important;
	height: 23px !important;

}


.dallol-care-app .dc-request-main {

	flex: 1;

	min-width: 0;

}


.dallol-care-app .dc-request-title-row {

	display: flex;
	align-items: center;
	gap: 10px;

	margin-bottom: 5px;

}


.dallol-care-app .dc-request-title-row h3 {

	flex: 1;

	min-width: 0;

	margin: 0;

	overflow: hidden;

	color: var(--dc-white) !important;

	font-size: 15px;

	font-weight: 710;

	text-overflow: ellipsis;
	white-space: nowrap;

}


.dallol-care-app .dc-request-main > p {

	margin: 0 0 9px;

	overflow: hidden;

	color: var(--dc-white-60) !important;

	font-size: 11.5px;

	text-overflow: ellipsis;
	white-space: nowrap;

}


.dallol-care-app .dc-request-date {

	display: inline-flex;
	align-items: center;
	gap: 6px;

	color: var(--dc-white-70);

	font-size: 10.5px;
	font-weight: 600;

}


.dallol-care-app .dc-request-date span {

	display: flex;

}


.dallol-care-app .dc-request-date .dc-icon {

	width: 13px !important;
	height: 13px !important;

	color: var(--dc-blue-300);

}


.dallol-care-app .dc-status-badge {

	flex: 0 0 auto;

	padding: 5px 9px;

	border: 1px solid rgba(155,206,255,.25);

	border-radius: 999px;

	background: rgba(49,140,255,.14);

	color: var(--dc-blue-300) !important;

	font-size: 9px;
	font-weight: 750;

	white-space: nowrap;

}


/* =========================================================
   CARE STATUS VARIANTS
   ========================================================= */

.dallol-care-app .dc-status-pending {

	border-color: rgba(155,206,255,.28);

	background: rgba(49,140,255,.13);

	color: var(--dc-blue-300) !important;

}


.dallol-care-app .dc-status-approved,
.dallol-care-app .dc-status-confirmed,
.dallol-care-app .dc-status-scheduled {

	border-color: rgba(101,173,255,.34);

	background: rgba(49,140,255,.18);

	color: var(--dc-white) !important;

}


.dallol-care-app .dc-status-completed {

	border-color: rgba(255,255,255,.22);

	background: rgba(255,255,255,.10);

	color: var(--dc-white-80) !important;

}


.dallol-care-app .dc-status-cancelled {

	border-color: rgba(255,255,255,.16);

	background: rgba(255,255,255,.065);

	color: var(--dc-white-60) !important;

}


/* =========================================================
   REQUEST ARROW
   ========================================================= */

.dallol-care-app .dc-request-arrow {

	width: 34px;
	height: 34px;

	flex: 0 0 34px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-border);

	border-radius: 50%;

	background: rgba(255,255,255,.06);

	color: var(--dc-white);

	transition:
		transform .2s ease,
		background .2s ease;

}


.dallol-care-app .dc-care-request-card:hover .dc-request-arrow {

	transform: translateX(3px);

	background: rgba(255,255,255,.14);

}


.dallol-care-app .dc-request-arrow .dc-icon {

	width: 14px !important;
	height: 14px !important;

}


/* =========================================================
   CARE DETAILS
   ========================================================= */

.dallol-care-app .dc-care-details-content {

	width: 100%;

}


.dallol-care-app .dc-care-details-content > * {

	max-width: 100%;

}


/* =========================================================
   CARE DETAILS MAIN CARD
   ========================================================= */

.dallol-care-app .dc-care-detail-card {

	position: relative;

	width: 100%;

	padding: 30px;

	border: 1px solid var(--dc-border) !important;

	border-radius: var(--dc-radius-xl) !important;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.135),
			rgba(255,255,255,.055)
		) !important;

	color: var(--dc-white) !important;

	box-shadow: var(--dc-shadow-small) !important;

	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);

	overflow: hidden;

}


.dallol-care-app .dc-care-detail-card::before {

	content: "";

	position: absolute;

	width: 230px;
	height: 230px;

	right: -120px;
	top: -120px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(101,173,255,.16),
			transparent 70%
		);

	pointer-events: none;

}


/* =========================================================
   CARE DETAILS HEADER
   ========================================================= */

.dallol-care-app .dc-care-detail-header {

	position: relative;

	display: flex;
	align-items: flex-start;
	gap: 16px;

	margin-bottom: 27px;
	padding-bottom: 23px;

	border-bottom: 1px solid rgba(255,255,255,.11);

}


.dallol-care-app .dc-care-detail-header-icon {

	width: 58px;
	height: 58px;

	flex: 0 0 58px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid rgba(155,206,255,.25);

	border-radius: 18px;

	background:
		linear-gradient(
			145deg,
			rgba(49,140,255,.19),
			rgba(255,255,255,.08)
		);

	color: var(--dc-white);

}


.dallol-care-app .dc-care-detail-header-icon .dc-icon {

	width: 26px !important;
	height: 26px !important;

}


.dallol-care-app .dc-care-detail-header-copy {

	flex: 1;

	min-width: 0;

}


.dallol-care-app .dc-care-detail-header-copy .dc-section-label {

	margin-bottom: 6px;

	font-size: 9px;

}


.dallol-care-app .dc-care-detail-header-copy h2 {

	margin-bottom: 7px;

	color: var(--dc-white) !important;

	font-size: clamp(22px, 4vw, 30px);

	font-weight: 740;

	line-height: 1.1;

	letter-spacing: -.04em;

}


.dallol-care-app .dc-care-detail-header-copy p {

	margin-bottom: 0;

	color: var(--dc-white-60) !important;

	font-size: 12px;

	line-height: 1.55;

}


/* =========================================================
   CARE DETAILS STATUS
   ========================================================= */

.dallol-care-app .dc-care-detail-status {

	display: inline-flex;
	align-items: center;
	gap: 7px;

	margin-top: 13px;

	padding: 7px 11px;

	border: 1px solid rgba(155,206,255,.28);

	border-radius: 999px;

	background: rgba(49,140,255,.13);

	color: var(--dc-blue-300) !important;

	font-size: 10px;
	font-weight: 750;

}


.dallol-care-app .dc-care-detail-status::before {

	content: "";

	width: 6px;
	height: 6px;

	flex: 0 0 6px;

	border-radius: 50%;

	background: currentColor;

	box-shadow:
		0 0 0 4px rgba(155,206,255,.07);

}


.dallol-care-app .dc-care-detail-status.dc-status-approved,
.dallol-care-app .dc-care-detail-status.dc-status-confirmed,
.dallol-care-app .dc-care-detail-status.dc-status-scheduled {

	color: var(--dc-white) !important;

	background: rgba(49,140,255,.18);

}


.dallol-care-app .dc-care-detail-status.dc-status-cancelled,
.dallol-care-app .dc-care-detail-status.dc-status-completed {

	color: var(--dc-white-60) !important;

	background: rgba(255,255,255,.07);

	border-color: rgba(255,255,255,.16);

}


/* =========================================================
   CARE DETAIL INFORMATION GRID
   ========================================================= */

.dallol-care-app .dc-care-detail-grid {

	position: relative;

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 12px;

}


.dallol-care-app .dc-care-detail-row {

	min-width: 0;

	padding: 16px;

	border: 1px solid rgba(255,255,255,.11);

	border-radius: 17px;

	background:
		rgba(255,255,255,.055);

}


.dallol-care-app .dc-care-detail-row-full {

	grid-column: 1 / -1;

}


.dallol-care-app .dc-care-detail-row-label {

	display: block;

	margin-bottom: 6px;

	color: var(--dc-white-45) !important;

	font-size: 9px;
	font-weight: 750;

	letter-spacing: .10em;
	text-transform: uppercase;

}


.dallol-care-app .dc-care-detail-row-value {

	display: block;

	overflow-wrap: anywhere;

	color: var(--dc-white) !important;

	font-size: 13px;
	font-weight: 650;

	line-height: 1.5;

}


.dallol-care-app .dc-care-detail-row-value.is-muted {

	color: var(--dc-white-60) !important;

	font-weight: 500;

}


/* =========================================================
   CARE DETAIL NOTE
   ========================================================= */

.dallol-care-app .dc-care-detail-note {

	position: relative;

	margin-top: 12px;

	padding: 17px;

	border: 1px solid rgba(155,206,255,.16);

	border-radius: 17px;

	background:
		linear-gradient(
			135deg,
			rgba(49,140,255,.10),
			rgba(255,255,255,.045)
		);

}


.dallol-care-app .dc-care-detail-note-label {

	display: block;

	margin-bottom: 7px;

	color: var(--dc-blue-300) !important;

	font-size: 9px;
	font-weight: 750;

	letter-spacing: .10em;
	text-transform: uppercase;

}


.dallol-care-app .dc-care-detail-note-value {

	margin: 0;

	color: var(--dc-white-80) !important;

	font-size: 12px;

	line-height: 1.65;

	overflow-wrap: anywhere;

}


/* =========================================================
   CARE DETAIL ACTIONS
   ========================================================= */

.dallol-care-app .dc-care-detail-actions {

	position: relative;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	margin-top: 24px;
	padding-top: 21px;

	border-top: 1px solid rgba(255,255,255,.10);

}


.dallol-care-app .dc-care-detail-actions .dc-back-link {

	flex: 0 0 auto;

}


.dallol-care-app .dc-cancel-care-button {

	min-height: 46px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	padding: 0 17px;

	border: 1px solid var(--dc-border) !important;

	border-radius: 14px;

	background:
		rgba(255,255,255,.065) !important;

	color: var(--dc-white) !important;

	font-size: 12px;
	font-weight: 700;

	box-shadow: none !important;

	transition:
		background .2s ease,
		border-color .2s ease,
		transform .2s ease;

}


.dallol-care-app .dc-cancel-care-button:hover {

	transform: translateY(-1px);

	background:
		rgba(255,255,255,.12) !important;

	border-color:
		var(--dc-border-light) !important;

}


.dallol-care-app .dc-cancel-care-button:active {

	transform: translateY(0);

}


.dallol-care-app .dc-cancel-care-button:disabled {

	opacity: .58;

	cursor: wait;

	transform: none;

}


.dallol-care-app .dc-cancel-care-button .dc-icon {

	width: 15px !important;
	height: 15px !important;

}


/* =========================================================
   CARE DETAIL NOTICE
   ========================================================= */

.dallol-care-app .dc-care-detail-notice {

	margin-top: 18px;

	padding: 14px 16px;

	border: 1px solid rgba(255,255,255,.12);

	border-radius: 15px;

	background:
		rgba(255,255,255,.055);

	color: var(--dc-white-60) !important;

	font-size: 11px;

	line-height: 1.6;

}


.dallol-care-app .dc-care-detail-notice strong {

	color: var(--dc-white-80) !important;

	font-weight: 700;

}


/* =========================================================
   GENERIC DYNAMIC DETAIL CARDS
   ========================================================= */

.dallol-care-app .dc-care-details-content .dc-detail-card,
.dallol-care-app .dc-care-details-content .dc-card {

	border: 1px solid var(--dc-border) !important;

	border-radius: var(--dc-radius-lg) !important;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.12),
			rgba(255,255,255,.05)
		) !important;

	color: var(--dc-white) !important;

	box-shadow: var(--dc-shadow-small) !important;

	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);

}


/* =========================================================
   PROFILE / ACCOUNT
   ========================================================= */

.dallol-care-app .dc-profile-card {

	display: flex;
	align-items: center;
	gap: 22px;

	padding: 25px;

	border: 1px solid var(--dc-border);

	border-radius: var(--dc-radius-lg);

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.13),
			rgba(255,255,255,.05)
		);

	box-shadow: var(--dc-shadow-small);

	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);

}


.dallol-care-app .dc-profile-avatar {

	width: 86px;
	height: 86px;

	flex: 0 0 86px;

	overflow: hidden;

	border: 2px solid rgba(255,255,255,.25);

	border-radius: 26px;

	background: rgba(255,255,255,.10);

}


.dallol-care-app .dc-profile-avatar img {

	width: 100%;
	height: 100%;

	display: block;

	object-fit: cover;

}


.dallol-care-app .dc-profile-copy {

	min-width: 0;

}


.dallol-care-app .dc-profile-copy > span {

	display: block;

	margin-bottom: 6px;

	color: var(--dc-blue-300) !important;

	font-size: 10px;
	font-weight: 750;

	letter-spacing: .12em;
	text-transform: uppercase;

}


.dallol-care-app .dc-profile-copy h2 {

	margin-bottom: 4px;

	color: var(--dc-white) !important;

	font-size: 25px;

	font-weight: 730;

	letter-spacing: -.04em;

}


.dallol-care-app .dc-profile-copy p {

	margin-bottom: 0;

	color: var(--dc-white-60) !important;

	font-size: 12px;

}


.dallol-care-app .dc-account-buttons {

	display: flex;

	margin-top: 18px;

}


/* =========================================================
   LOGOUT BUTTON
   ========================================================= */

.dallol-care-app .dc-btn-danger-outline {

	min-height: 48px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	padding: 0 17px;

	border: 1px solid var(--dc-border) !important;

	border-radius: 14px;

	background: rgba(255,255,255,.07) !important;

	color: var(--dc-white) !important;

	font-size: 12px;
	font-weight: 650;

	box-shadow: none !important;

}


.dallol-care-app .dc-btn-danger-outline:hover {

	background: rgba(255,255,255,.13) !important;

	border-color: var(--dc-border-light) !important;

	color: var(--dc-white) !important;

}


.dallol-care-app .dc-btn-danger-outline .dc-btn-icon {

	background: transparent;

}


/* =========================================================
   FLOATING BOTTOM NAVIGATION
   ========================================================= */

.dallol-care-app .dc-bottom-navigation {

	position: fixed !important;

	left: 50% !important;

	bottom:
		calc(
			14px + env(safe-area-inset-bottom)
		) !important;

	transform: translateX(-50%) !important;

	z-index: 99999 !important;

	width: min(
		640px,
		calc(100% - 28px)
	);

	height: var(--dc-nav-height);

	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	align-items: center;

	padding: 7px;

	border: 1px solid rgba(255,255,255,.18) !important;

	border-radius: 26px;

	background:
		linear-gradient(
			135deg,
			rgba(3,21,47,.91),
			rgba(6,39,84,.88)
		) !important;

	backdrop-filter: blur(28px) saturate(160%);
	-webkit-backdrop-filter: blur(28px) saturate(160%);

	box-shadow:
		0 22px 65px rgba(0,12,38,.42),
		0 2px 0 rgba(255,255,255,.05) inset;

}


.dallol-care-app .dc-nav-button {

	position: relative;

	height: 62px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	gap: 4px;

	padding: 5px;

	border: 0 !important;

	border-radius: 20px;

	background: transparent !important;

	color: var(--dc-white-60) !important;

	box-shadow: none !important;

	font-size: 9.5px;
	font-weight: 650;

	transition:
		color .2s ease,
		background .2s ease,
		transform .2s ease;

}


.dallol-care-app .dc-nav-button:hover {

	color: var(--dc-white) !important;

	background: rgba(255,255,255,.07) !important;

}


.dallol-care-app .dc-nav-button.is-active {

	color: var(--dc-white) !important;

	background:
		linear-gradient(
			145deg,
			rgba(49,140,255,.48),
			rgba(11,95,196,.28)
		) !important;

	border: 1px solid rgba(155,206,255,.20) !important;

	box-shadow:
		0 7px 20px rgba(0,35,90,.28);

}


.dallol-care-app .dc-nav-button-icon {

	width: 30px;
	height: 30px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 10px;

	color: inherit;

}


.dallol-care-app .dc-nav-button-icon .dc-icon {

	width: 19px !important;
	height: 19px !important;

}


.dallol-care-app .dc-nav-button span:last-child {

	color: inherit !important;

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.dallol-care-app button:focus-visible,
.dallol-care-app a:focus-visible,
.dallol-care-app input:focus-visible,
.dallol-care-app textarea:focus-visible,
.dallol-care-app select:focus-visible {

	outline: 2px solid var(--dc-blue-300) !important;

	outline-offset: 3px !important;

}


/* =========================================================
   WORDPRESS / THEME OVERRIDES
   ========================================================= */

.dallol-care-app .button,
.dallol-care-app button.button,
.dallol-care-app a.button {

	color: var(--dc-white) !important;

	border-color: var(--dc-blue-600) !important;

}


.dallol-care-app button:not(
	.dc-brand,
	.dc-user-pill,
	.dc-nav-button,
	.dc-service-choice,
	.dc-modern-package,
	.dc-care-request-card,
	.dc-services-back,
	.dc-back-link
) {

	font-family: inherit;

}


/* Remove common inherited theme backgrounds */

.dallol-care-app .dc-service-choice,
.dallol-care-app .dc-modern-package,
.dallol-care-app .dc-care-request-card,
.dallol-care-app .dc-nav-button,
.dallol-care-app .dc-brand,
.dallol-care-app .dc-user-pill {

	-webkit-appearance: none;
	appearance: none;

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

	.dallol-care-app {

		padding-bottom: 160px;

	}


	.dallol-care-app .dc-app-content {

		padding-bottom: 80px;

	}


	.dallol-care-app .dc-screen {

		padding-bottom: 100px;

	}


	.dallol-care-app .dc-header {

		top: 9px;

		width: calc(100% - 22px);

		margin-top: 9px;

		border-radius: 21px;

	}


	.dallol-care-app .dc-header-inner {

		min-height: 64px;

		padding: 8px 10px 8px 12px;

	}


	.dallol-care-app .dc-brand-icon {

		width: 38px;
		height: 38px;

		flex-basis: 38px;

		border-radius: 13px;

	}


	.dallol-care-app .dc-brand-copy strong {

		font-size: 14px;

	}


	.dallol-care-app .dc-brand-copy small {

		display: none;

	}


	.dallol-care-app .dc-user-name {

		display: none;

	}


	.dallol-care-app .dc-user-pill {

		width: 42px;
		height: 42px;

		min-height: 42px;

		padding: 4px;

		justify-content: center;

	}


	.dallol-care-app .dc-user-avatar {

		width: 32px;
		height: 32px;

	}


	.dallol-care-app .dc-login-link {

		min-height: 40px;

		padding: 0 12px;

	}


	.dallol-care-app .dc-screen {

		padding-top: 42px;

	}


	.dallol-care-app .dc-shell {

		width: calc(100% - 28px);

	}


	.dallol-care-app .dc-minimal-home {

		min-height: calc(100vh - 160px);

	}


	.dallol-care-app .dc-minimal-home-content {

		padding: 30px 0 55px;

	}


	.dallol-care-app .dc-minimal-home-icon {

		width: 56px;
		height: 56px;

		margin-bottom: 20px;

		border-radius: 18px;

	}


	.dallol-care-app .dc-minimal-home h1 {

		margin-bottom: 30px;

		font-size: 2.35rem;

		line-height: 1.05;

		letter-spacing: -.035em;

	}


	.dallol-care-app .dc-page-hero {

		margin-bottom: 30px;

	}


	.dallol-care-app .dc-page-hero-left {

		gap: 14px;

	}


	.dallol-care-app .dc-page-icon {

		width: 50px;
		height: 50px;

		flex-basis: 50px;

		border-radius: 16px;

	}


	.dallol-care-app .dc-page-hero h1 {

		font-size: 34px;

	}


	.dallol-care-app .dc-page-hero p {

		font-size: 13px;

		line-height: 1.6;

	}


	.dallol-care-app .dc-service-choice-grid,
	.dallol-care-app .dc-packages-grid {

		grid-template-columns: 1fr;

		gap: 13px;

	}


	.dallol-care-app .dc-service-choice {

		min-height: 140px;

		padding: 19px;

		border-radius: 21px;

		gap: 13px;

	}


	.dallol-care-app .dc-service-choice-icon {

		width: 48px;
		height: 48px;

		flex-basis: 48px;

		border-radius: 15px;

	}


	.dallol-care-app .dc-service-choice-content strong {

		font-size: 15px;

	}


	.dallol-care-app .dc-service-choice-content > span {

		font-size: 11.5px;

	}


	.dallol-care-app .dc-service-choice-arrow {

		width: 34px;
		height: 34px;

		flex-basis: 34px;

	}


	.dallol-care-app .dc-modern-package {

		min-height: 250px;

		padding: 19px;

		border-radius: 21px;

	}


	.dallol-care-app .dc-form-grid {

		grid-template-columns: 1fr;

		gap: 16px;

	}


	.dallol-care-app .dc-field-full {

		grid-column: auto;

	}


	.dallol-care-app .dc-modern-booking-form {

		padding: 19px;

		border-radius: 23px;

	}


	.dallol-care-app .dc-form-intro {

		align-items: flex-start;

	}


	.dallol-care-app .dc-form-intro-icon {

		width: 43px;
		height: 43px;

		flex-basis: 43px;

	}


	.dallol-care-app .dc-selected-package-card {

		padding: 15px;

		border-radius: 18px;

	}


	.dallol-care-app .dc-form-submit {

		display: block;

	}


	.dallol-care-app .dc-submit-request {

		width: 100%;

	}


	/* =====================================================
	   MOBILE BOOKING SUCCESS
	   ===================================================== */

	.dallol-care-app .dc-success-screen {

		min-height: 430px;

		margin-top: 20px;

		padding: 40px 22px;

		border-radius: 24px;

	}


	.dallol-care-app .dc-success-icon {

		width: 72px;
		height: 72px;

		margin-bottom: 23px;

		border-radius: 23px;

	}


	.dallol-care-app .dc-success-icon .dc-icon {

		width: 32px !important;
		height: 32px !important;

	}


	.dallol-care-app .dc-success-screen h1 {

		font-size: 36px;

	}


	.dallol-care-app .dc-success-screen > p {

		font-size: 13px;

		line-height: 1.65;

	}


	.dallol-care-app .dc-success-actions .dc-btn {

		width: 100%;

		min-width: 0;

	}


	/* =====================================================
	   MOBILE CARE DETAILS
	   ===================================================== */

	.dallol-care-app .dc-care-detail-card {

		padding: 19px;

		border-radius: 23px !important;

	}


	.dallol-care-app .dc-care-detail-header {

		gap: 12px;

		margin-bottom: 21px;
		padding-bottom: 18px;

	}


	.dallol-care-app .dc-care-detail-header-icon {

		width: 48px;
		height: 48px;

		flex-basis: 48px;

		border-radius: 15px;

	}


	.dallol-care-app .dc-care-detail-header-icon .dc-icon {

		width: 22px !important;
		height: 22px !important;

	}


	.dallol-care-app .dc-care-detail-header-copy h2 {

		font-size: 21px;

	}


	.dallol-care-app .dc-care-detail-header-copy p {

		font-size: 11px;

	}


	.dallol-care-app .dc-care-detail-status {

		margin-top: 10px;

		padding: 6px 9px;

		font-size: 9px;

	}


	.dallol-care-app .dc-care-detail-grid {

		grid-template-columns: 1fr;

		gap: 10px;

	}


	.dallol-care-app .dc-care-detail-row-full {

		grid-column: auto;

	}


	.dallol-care-app .dc-care-detail-row {

		padding: 14px;

		border-radius: 15px;

	}


	.dallol-care-app .dc-care-detail-row-label {

		font-size: 8px;

	}


	.dallol-care-app .dc-care-detail-row-value {

		font-size: 12px;

	}


	.dallol-care-app .dc-care-detail-note {

		padding: 14px;

		border-radius: 15px;

	}


	.dallol-care-app .dc-care-detail-actions {

		align-items: stretch;

		flex-direction: column-reverse;

		gap: 10px;

		margin-top: 20px;
		padding-top: 18px;

	}


	.dallol-care-app .dc-care-detail-actions .dc-back-link,
	.dallol-care-app .dc-cancel-care-button {

		width: 100%;

		justify-content: center;

	}


	.dallol-care-app .dc-care-detail-notice {

		font-size: 10.5px;

	}


	/* =====================================================
	   MOBILE PROFILE
	   ===================================================== */

	.dallol-care-app .dc-profile-card {

		padding: 19px;

		border-radius: 21px;

		gap: 15px;

	}


	.dallol-care-app .dc-profile-avatar {

		width: 70px;
		height: 70px;

		flex-basis: 70px;

		border-radius: 21px;

	}


	.dallol-care-app .dc-profile-copy h2 {

		font-size: 21px;

	}


	/* =====================================================
	   MOBILE MY CARE
	   ===================================================== */

	.dallol-care-app .dc-care-request-card {

		padding: 14px;

		gap: 12px;

		border-radius: 18px;

	}


	.dallol-care-app .dc-request-icon {

		width: 45px;
		height: 45px;

		flex-basis: 45px;

		border-radius: 14px;

	}


	.dallol-care-app .dc-request-title-row {

		display: block;

	}


	.dallol-care-app .dc-status-badge {

		display: inline-block;

		margin-top: 5px;

	}


	.dallol-care-app .dc-request-arrow {

		width: 30px;
		height: 30px;

		flex-basis: 30px;

	}


	/* =====================================================
	   MOBILE FLOATING NAV
	   ===================================================== */

	.dallol-care-app .dc-bottom-navigation {

		width: calc(100% - 20px);

		height: 70px;

		bottom:
			calc(
				10px + env(safe-area-inset-bottom)
			) !important;

		padding: 6px;

		border-radius: 24px;

	}


	.dallol-care-app .dc-nav-button {

		height: 58px;

		border-radius: 18px;

		font-size: 8.5px;

	}


	.dallol-care-app .dc-nav-button-icon {

		width: 27px;
		height: 27px;

	}


	.dallol-care-app .dc-nav-button-icon .dc-icon {

		width: 18px !important;
		height: 18px !important;

	}

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

	.dallol-care-app {

		padding-bottom: 165px;

	}


	.dallol-care-app .dc-app-content {

		padding-bottom: 85px;

	}


	.dallol-care-app .dc-screen {

		padding-bottom: 105px;

	}


	.dallol-care-app .dc-shell {

		width: calc(100% - 22px);

	}


	.dallol-care-app .dc-minimal-home h1 {

		font-size: 2.15rem;

		line-height: 1.06;

	}


	.dallol-care-app .dc-service-choice {

		padding: 16px;

	}


	.dallol-care-app .dc-service-choice-content > span {

		display: -webkit-box;

		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;

		overflow: hidden;

	}


	.dallol-care-app .dc-bottom-navigation {

		width: calc(100% - 14px);

	}


	.dallol-care-app .dc-nav-button {

		gap: 2px;

		font-size: 8px;

	}


	/* =====================================================
	   VERY SMALL CARE DETAILS
	   ===================================================== */

	.dallol-care-app .dc-care-detail-card {

		padding: 16px;

		border-radius: 20px !important;

	}


	.dallol-care-app .dc-care-detail-header-icon {

		width: 44px;
		height: 44px;

		flex-basis: 44px;

		border-radius: 14px;

	}


	.dallol-care-app .dc-care-detail-header-copy h2 {

		font-size: 19px;

	}


	.dallol-care-app .dc-care-detail-row {

		padding: 13px;

	}


	.dallol-care-app .dc-success-screen {

		padding: 35px 18px;

		border-radius: 21px;

	}


	.dallol-care-app .dc-success-screen h1 {

		font-size: 33px;

	}

}


/* =========================================================
   TABLET / DESKTOP BOTTOM CLEARANCE
   ========================================================= */

@media (min-width: 761px) {

	.dallol-care-app {

		padding-bottom: 145px;

	}


	.dallol-care-app .dc-app-content {

		padding-bottom: 70px;

	}


	.dallol-care-app .dc-screen {

		padding-bottom: 90px;

	}

}


/* =========================================================
   REDUCE MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	.dallol-care-app *,
	.dallol-care-app *::before,
	.dallol-care-app *::after {

		animation-duration: .01ms !important;

		animation-iteration-count: 1 !important;

		transition-duration: .01ms !important;

		scroll-behavior: auto !important;

	}

}
/* =========================================================
   LOGIN / REGISTER POPUP
   Light Blue Authentication UI
   ========================================================= */

#dallol-care-login-modal {

	position: fixed !important;

	inset: 0 !important;

	z-index: 999999 !important;

	display: flex;

	align-items: center;
	justify-content: center;

	padding: 20px;

	background:
		rgba(3, 21, 47, .62) !important;

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	animation: dc-login-overlay-in .22s ease both;

}


@keyframes dc-login-overlay-in {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}


/* =========================================================
   POPUP CARD
   ========================================================= */

#dallol-care-login-modal .dc-login-modal-inner {

	position: relative;

	width: min(
		430px,
		100%
	);

	max-height: calc(100vh - 40px);

	overflow-y: auto;

	padding: 34px;

	border: 1px solid rgba(255,255,255,.72);

	border-radius: 30px;

	background:
		linear-gradient(
			145deg,
			#f4faff 0%,
			#e5f3ff 55%,
			#d8edff 100%
		) !important;

	color: var(--dc-blue-950) !important;

	box-shadow:
		0 30px 90px rgba(0,25,65,.35),
		0 8px 30px rgba(0,60,130,.16);

	animation: dc-login-card-in .28s ease both;

}


@keyframes dc-login-card-in {

	from {
		opacity: 0;
		transform: translateY(14px) scale(.97);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

}


/* =========================================================
   CLOSE BUTTON
   ========================================================= */

#dallol-care-login-modal .dc-login-close {

	position: absolute;

	top: 14px;
	right: 14px;

	width: 38px;
	height: 38px;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0;

	border: 1px solid rgba(11,95,196,.12) !important;

	border-radius: 50%;

	background:
		rgba(255,255,255,.72) !important;

	color: var(--dc-blue-800) !important;

	box-shadow: none !important;

	font-size: 20px;

	line-height: 1;

	transition:
		background .2s ease,
		transform .2s ease,
		color .2s ease;

}


#dallol-care-login-modal .dc-login-close:hover {

	background:
		var(--dc-white) !important;

	color:
		var(--dc-blue-600) !important;

	transform:
		rotate(4deg) scale(1.05);

}


/* =========================================================
   POPUP HEADER
   ========================================================= */

#dallol-care-login-modal .dc-login-header {

	padding-right: 35px;

	margin-bottom: 26px;

}


#dallol-care-login-modal .dc-login-header h2 {

	margin: 0 0 8px;

	color: var(--dc-blue-950) !important;

	font-size: 28px;

	font-weight: 760;

	line-height: 1.05;

	letter-spacing: -.045em;

}


#dallol-care-login-modal .dc-login-header p {

	margin: 0;

	color: rgba(3,21,47,.58) !important;

	font-size: 13px;

	line-height: 1.55;

}


/* =========================================================
   AUTH ICON
   ========================================================= */

#dallol-care-login-modal .dc-login-header::before {

	content: "✦";

	width: 48px;
	height: 48px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 17px;

	border: 1px solid rgba(49,140,255,.20);

	border-radius: 16px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#dff1ff
		);

	color: var(--dc-blue-600);

	box-shadow:
		0 8px 22px rgba(11,95,196,.12);

	font-size: 19px;

}


/* =========================================================
   FORM GROUP
   ========================================================= */

#dallol-care-login-modal .dc-login-field {

	margin-bottom: 17px;

}


#dallol-care-login-modal .dc-login-field label {

	display: block;

	margin: 0 0 7px 2px;

	color: var(--dc-blue-950) !important;

	font-size: 12px;

	font-weight: 720;

}


#dallol-care-login-modal .dc-login-field input {

	width: 100% !important;

	min-height: 53px;

	padding: 13px 15px !important;

	border: 1px solid rgba(11,95,196,.16) !important;

	border-radius: 15px !important;

	background:
		rgba(255,255,255,.92) !important;

	color: var(--dc-blue-950) !important;

	font-size: 14px;

	box-shadow:
		0 5px 18px rgba(0,40,90,.06) !important;

	outline: none !important;

	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		transform .2s ease;

}


#dallol-care-login-modal .dc-login-field input::placeholder {

	color:
		rgba(3,21,47,.38) !important;

}


#dallol-care-login-modal .dc-login-field input:focus {

	border-color:
		var(--dc-blue-500) !important;

	box-shadow:
		0 0 0 4px rgba(49,140,255,.14),
		0 8px 25px rgba(0,40,90,.10) !important;

}


/* =========================================================
   REMEMBER ME
   ========================================================= */

#dallol-care-login-modal .dc-login-remember {

	display: flex;

	align-items: center;

	gap: 8px;

	margin: 2px 0 20px;

	color: rgba(3,21,47,.62) !important;

	font-size: 11px;

}


#dallol-care-login-modal .dc-login-remember input {

	width: 15px !important;
	height: 15px !important;

	min-height: 15px;

	margin: 0;

	accent-color: var(--dc-blue-600);

}


/* =========================================================
   LOGIN BUTTON
   ========================================================= */

#dallol-care-login-modal .dc-login-submit {

	width: 100%;

	min-height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--dc-blue-600) !important;

	border-radius: 15px;

	background:
		linear-gradient(
			135deg,
			var(--dc-blue-700),
			var(--dc-blue-500)
		) !important;

	color: #ffffff !important;

	font-size: 14px;

	font-weight: 750;

	box-shadow:
		0 12px 28px rgba(11,95,196,.25) !important;

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		background .2s ease;

}


#dallol-care-login-modal .dc-login-submit:hover {

	transform:
		translateY(-2px);

	background:
		linear-gradient(
			135deg,
			var(--dc-blue-800),
			var(--dc-blue-600)
		) !important;

	box-shadow:
		0 16px 34px rgba(11,95,196,.32) !important;

}


#dallol-care-login-modal .dc-login-submit:active {

	transform:
		translateY(0);

}


/* =========================================================
   REGISTER / SIGN UP CTA
   ========================================================= */

#dallol-care-login-modal .dc-show-register {

	width: 100%;

	min-height: 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-top: 12px;

	padding: 0 18px;

	border: 2px solid var(--dc-blue-600) !important;

	border-radius: 15px;

	background:
		#ffffff !important;

	color:
		var(--dc-blue-700) !important;

	font-size: 14px;

	font-weight: 780;

	box-shadow:
		0 8px 22px rgba(11,95,196,.10) !important;

	cursor: pointer;

	transition:
		background .2s ease,
		color .2s ease,
		transform .2s ease,
		box-shadow .2s ease;

}


#dallol-care-login-modal .dc-show-register:hover {

	transform:
		translateY(-2px);

	background:
		var(--dc-blue-600) !important;

	color:
		#ffffff !important;

	box-shadow:
		0 14px 30px rgba(11,95,196,.24) !important;

}


/* =========================================================
   REGISTER VIEW
   ========================================================= */

#dallol-care-login-modal #dc-register-view {

	color: var(--dc-blue-950);

}


#dallol-care-login-modal #dc-register-view h2 {

	color: var(--dc-blue-950) !important;

}


#dallol-care-login-modal #dc-register-view p {

	color: rgba(3,21,47,.58) !important;

}


/* =========================================================
   REGISTER BUTTON
   ========================================================= */

#dallol-care-login-modal .dc-register-submit {

	width: 100%;

	min-height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-top: 4px;

	border: 1px solid var(--dc-blue-600) !important;

	border-radius: 15px;

	background:
		linear-gradient(
			135deg,
			var(--dc-blue-700),
			var(--dc-blue-500)
		) !important;

	color: #ffffff !important;

	font-size: 14px;

	font-weight: 780;

	box-shadow:
		0 12px 28px rgba(11,95,196,.25) !important;

	transition:
		transform .2s ease,
		box-shadow .2s ease;

}


#dallol-care-login-modal .dc-register-submit:hover {

	transform:
		translateY(-2px);

	box-shadow:
		0 16px 34px rgba(11,95,196,.32) !important;

}


/* =========================================================
   BACK TO LOGIN
   ========================================================= */

#dallol-care-login-modal .dc-back-to-login {

	width: 100%;

	min-height: 46px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-top: 10px;

	border: 0 !important;

	background: transparent !important;

	color: var(--dc-blue-700) !important;

	font-size: 12px;

	font-weight: 700;

	box-shadow: none !important;

	cursor: pointer;

}


#dallol-care-login-modal .dc-back-to-login:hover {

	color: var(--dc-blue-900) !important;

	text-decoration: underline;

}


/* =========================================================
   AUTH MESSAGES
   ========================================================= */

#dallol-care-login-modal .dc-login-message,
#dallol-care-login-modal .dc-register-message {

	margin: 12px 0;

	padding: 11px 13px;

	border: 1px solid rgba(11,95,196,.13);

	border-radius: 12px;

	background:
		rgba(49,140,255,.09) !important;

	color:
		var(--dc-blue-900) !important;

	font-size: 11px;

	line-height: 1.5;

}


/* =========================================================
   MOBILE POPUP
   ========================================================= */

@media (max-width: 760px) {

	#dallol-care-login-modal {

		align-items: flex-end;

		padding: 10px;

	}


	#dallol-care-login-modal .dc-login-modal-inner {

		width: 100%;

		max-height: calc(100vh - 20px);

		padding: 27px 20px 22px;

		border-radius: 27px;

	}


	#dallol-care-login-modal .dc-login-header {

		margin-bottom: 21px;

	}


	#dallol-care-login-modal .dc-login-header h2 {

		font-size: 25px;

	}


	#dallol-care-login-modal .dc-login-header::before {

		width: 43px;
		height: 43px;

		margin-bottom: 14px;

		border-radius: 14px;

	}


	#dallol-care-login-modal .dc-login-field input {

		min-height: 51px;

	}


	#dallol-care-login-modal .dc-login-submit,
	#dallol-care-login-modal .dc-show-register,
	#dallol-care-login-modal .dc-register-submit {

		min-height: 53px;

	}


	#dallol-care-login-modal .dc-login-close {

		top: 11px;
		right: 11px;

		width: 35px;
		height: 35px;

	}

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

	#dallol-care-login-modal {

		padding: 7px;

	}


	#dallol-care-login-modal .dc-login-modal-inner {

		padding: 24px 17px 18px;

		border-radius: 24px;

	}


	#dallol-care-login-modal .dc-login-header h2 {

		font-size: 23px;

	}


	#dallol-care-login-modal .dc-login-field {

		margin-bottom: 14px;

	}

}
/* =========================================================
   DALLOL CARE LOGO
   Header + Homepage
   ========================================================= */

.dc-brand-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.dc-brand-icon .dc-logo-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.dc-minimal-home-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.dc-minimal-home-icon .dc-logo-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}
/* =========================================================
   HIDE WORDPRESS PAGE TITLE ON DALLOL CARE APP
   ========================================================= */

body:has(#dallol-care-app) .entry-title {
	display: none !important;
}

/* Remove spacing that may remain after hiding the title */
body:has(#dallol-care-app) .entry-header {
	display: none !important;
}

body:has(#dallol-care-app) .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* =========================================================
   DALLOL CARE — REMOVE ALL THEME TOP SPACE
   ========================================================= */

body:has(#dallol-care-app) {
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#dallol-care-app) #page {
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#dallol-care-app) #content {
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#dallol-care-app) .site-main,
body:has(#dallol-care-app) main {
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#dallol-care-app) article {
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#dallol-care-app) .entry-header {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#dallol-care-app) .entry-content {
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#dallol-care-app) #dallol-care-app {
	margin: 0 !important;
	padding: 0 !important;
}

/* Hello Elementor */
body:has(#dallol-care-app) .site-header,
body:has(#dallol-care-app) header.site-header,
body:has(#dallol-care-app) header {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Elementor wrappers */
body:has(#dallol-care-app) .elementor,
body:has(#dallol-care-app) .elementor-page,
body:has(#dallol-care-app) .elementor-section,
body:has(#dallol-care-app) .elementor-container,
body:has(#dallol-care-app) .elementor-widget-wrap,
body:has(#dallol-care-app) .elementor-widget-container {
	margin-top: 0 !important;
	padding-top: 0 !important;
}