.apple-shadow {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 
0 2px 4px rgba(0, 0, 0, 0.05),
0 4px 8px rgba(0, 0, 0, 0.05), 
0 8px 16px rgba(0, 0, 0, 0.05);
border-radius: 12px;
}
.apple-shadow-sm {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 
0 2px 4px rgba(0, 0, 0, 0.04);
border-radius: 12px;
}
.apple-shadow-md {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 
0 4px 6px rgba(0, 0, 0, 0.04),
0 8px 16px rgba(0, 0, 0, 0.03);
border-radius: 12px;
}
.apple-shadow-lg {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 
0 8px 16px rgba(0, 0, 0, 0.04),
0 16px 32px rgba(0, 0, 0, 0.03);
border-radius: 12px;
}
.apple-shadow-xl {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06),
0 16px 50px rgba(0, 0, 0, 0.04),
0 24px 80px rgba(0, 0, 0, 0.03);
border-radius: 12px;
} .apple-transition {
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.apple-transition-fast {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.apple-transition-slow {
transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
} .apple-transform-transition {
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
} .apple-hover:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
0 8px 24px rgba(0, 0, 0, 0.06),
0 16px 48px rgba(0, 0, 0, 0.04);
}
.apple-hover-subtle:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06),
0 4px 16px rgba(0, 0, 0, 0.04);
}
.apple-hover-lift:hover {
transform: translateY(-3px) scale(1.02);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1),
0 12px 40px rgba(0, 0, 0, 0.06);
} .apple-button {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05),
0 2px 6px rgba(0, 0, 0, 0.04);
border-radius: 12px;
}
.apple-button:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
0 8px 24px rgba(0, 0, 0, 0.05);
}
.apple-button:active {
transform: translateY(0);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
} .apple-button-rounded {
border-radius: 9999px;
}
.apple-button-pill {
border-radius: 20px;
} .apple-card {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
0 4px 8px rgba(0, 0, 0, 0.03);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
border-radius: 12px;
} .preview-notice,
.hero-gradient {
border-radius: 0 !important;
}
.apple-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06),
0 8px 24px rgba(0, 0, 0, 0.04),
0 16px 48px rgba(0, 0, 0, 0.03);
} .apple-service-icon {
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04),
0 4px 8px rgba(0, 0, 0, 0.03);
border-radius: 12px;
}
.apple-service-icon:hover {
transform: translateY(-2px) scale(1.05);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08),
0 12px 32px rgba(0, 0, 0, 0.05);
} .apple-service-icon-rounded {
border-radius: 9999px;
}
.apple-service-icon-circle {
border-radius: 50%;
} .apple-focus:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(49, 94, 251, 0.1),
0 2px 8px rgba(0, 0, 0, 0.06);
border-radius: 12px;
} .apple-scale:hover {
transform: scale(1.02);
}
.apple-scale-sm:hover {
transform: scale(1.01);
}
.apple-scale-lg:hover {
transform: scale(1.05);
} @keyframes apple-float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-4px);
}
}
.apple-float {
animation: apple-float 3s ease-in-out infinite;
} .custom-shadow {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
0 4px 8px rgba(0, 0, 0, 0.03);
border-radius: 12px;
}
.service-icon-shadow {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04),
0 4px 8px rgba(0, 0, 0, 0.03);
border-radius: 12px;
} .card-hover-effect {
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
border-radius: 12px;
}
.card-hover-effect:hover {
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08),
0 12px 32px rgba(0, 0, 0, 0.05),
0 24px 64px rgba(0, 0, 0, 0.03);
} .apple-input:focus {
outline: none;
border-color: #315EFB;
box-shadow: 0 0 0 3px rgba(49, 94, 251, 0.1),
0 1px 3px rgba(0, 0, 0, 0.05);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 12px;
} .apple-input-rounded {
border-radius: 9999px;
}
.apple-input-pill {
border-radius: 20px;
} .apple-dropdown {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08),
0 8px 32px rgba(0, 0, 0, 0.06),
0 16px 64px rgba(0, 0, 0, 0.04);
border-radius: 12px;
}
.apple-dropdown-rounded {
border-radius: 12px;
} .apple-modal {
box-shadow: 0 16px 64px rgba(0, 0, 0, 0.12),
0 32px 128px rgba(0, 0, 0, 0.08),
0 64px 256px rgba(0, 0, 0, 0.06);
border-radius: 12px;
}
.apple-modal-rounded {
border-radius: 12px;
} .apple-notification {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08),
0 8px 40px rgba(0, 0, 0, 0.06);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
}
.apple-notification-rounded {
border-radius: 12px;
} .apple-search {
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04),
0 2px 6px rgba(0, 0, 0, 0.03);
border-radius: 50px; }
.apple-search:focus-within {
transform: scale(1.02);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08),
0 8px 32px rgba(0, 0, 0, 0.05);
}
.apple-search-rounded {
border-radius: 12px;
} .apple-tab {
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
border-radius: 12px;
}
.apple-tab:hover {
background-color: #f1f5f9;
transform: translateY(-1px);
}
.apple-tab.active {
background-color: #315EFB;
color: white;
box-shadow: 0 2px 6px rgba(49, 94, 251, 0.25);
border-radius: 12px;
}
.apple-tab.active:hover {
background-color: #2563eb;
}
.apple-tab-rounded {
border-radius: 12px;
}
.apple-tab-pill {
border-radius: 12px;
} .apple-footer {
background-color: white;
border-top: 1px solid #e2e8f0;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.02);
border-radius: 0; } .apple-card {
border-radius: 12px;
}
.apple-card-rounded {
border-radius: 12px;
} .page-template-page-about .bg-white,
.page-template-page-privacy .bg-white,
.page-template-page-press .bg-white {
border-radius: 12px !important;
} .nepali-calendar .calendar-day,
.nepali-calendar .day-header,
.nepali-calendar .calendar-navigation a,
.nepali-calendar .panchang-details {
border-radius: 16px !important;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.nepali-calendar .calendar-day {
background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 
0 2px 6px rgba(0, 0, 0, 0.04),
0 4px 8px rgba(0, 0, 0, 0.03) !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.nepali-calendar .calendar-day:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
0 8px 24px rgba(0, 0, 0, 0.06),
0 16px 48px rgba(0, 0, 0, 0.04) !important;
border-color: #9ca3af !important;
}
.nepali-calendar .calendar-day.today {
background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
border-color: #3b82f6 !important;
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15) !important;
transform: scale(1.05);
}
.nepali-calendar .calendar-day.festival {
background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
border-color: #f87171 !important;
box-shadow: 0 4px 12px rgba(248, 113, 113, 0.15) !important;
}
.nepali-calendar .day-header {
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
color: #1f2937 !important;
font-weight: 600 !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 
0 2px 4px rgba(0, 0, 0, 0.02) !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.nepali-calendar .calendar-navigation a {
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
color: #1f2937 !important;
font-weight: 500 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.nepali-calendar .calendar-navigation a:hover {
background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
.nepali-calendar .panchang-details {
background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
border: 1px solid #e5e7eb !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
} @media (max-width: 640px) {
.nepali-calendar .calendar-day,
.nepali-calendar .day-header,
.nepali-calendar .calendar-navigation a,
.nepali-calendar .panchang-details {
border-radius: 12px !important;
}
.nepali-calendar .calendar-day .tithi {
display: none !important;
}
} .apple-shadow {
border-radius: 0.75rem !important; }
.apple-shadow-sm {
border-radius: 0.75rem !important; }
.apple-shadow-md {
border-radius: 12px !important;
}
.apple-shadow-lg {
border-radius: 12px !important;
}
.apple-shadow-xl {
border-radius: 12px !important;
}
.apple-button {
border-radius: 12px !important;
}
.apple-service-icon {
border-radius: 12px !important;
}
.apple-input {
border-radius: 12px !important;
}
.apple-dropdown {
border-radius: 12px !important;
}
.apple-modal {
border-radius: 12px !important;
}
.apple-notification {
border-radius: 12px !important;
}
.apple-tab {
border-radius: 12px !important;
} .apple-button-rounded,
.apple-card-rounded,
.apple-service-icon-rounded,
.apple-input-rounded,
.apple-dropdown-rounded,
.apple-modal-rounded,
.apple-notification-rounded,
.apple-tab-rounded {
border-radius: 9999px !important; }
.apple-button-pill,
.apple-tab-pill {
border-radius: 12px !important;
}
.apple-service-icon-circle {
border-radius: 50% !important; } .preview-notice,
.hero-gradient {
border-radius: 0 !important;
} .page-template-page-about .bg-white,
.page-template-page-privacy .bg-white,
.page-template-page-press .bg-white {
border-radius: 12px !important;
}