.elementor-1951 .elementor-element.elementor-element-7a7cec2{--display:flex;--min-height:95vh;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1951 .elementor-element.elementor-element-7a7cec2:not(.elementor-motion-effects-element-type-background), .elementor-1951 .elementor-element.elementor-element-7a7cec2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ai.heycmo.com/wp-content/uploads/2025/10/Lucid_Realism_create_a_soft_focus_blurry_background_with_a_ser_0.webp");background-size:cover;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-1951 .elementor-element.elementor-element-f7db955{--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-primary );}.elementor-1951 .elementor-element.elementor-element-f7db955 .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-size:70px;font-weight:800;}.elementor-1951 .elementor-element.elementor-element-f7db955 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-1951 .elementor-element.elementor-element-f7db955 .elementor-headline-dynamic-text{font-family:"Poppins", Sans-serif;font-weight:700;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1951 .elementor-element.elementor-element-f7db955 .elementor-headline{font-size:40px;}}
/* Start custom CSS for html, class: .elementor-element-7bc92eb *//* ---------------------------------------------------
   GLOBAL WRAPPER
--------------------------------------------------- */
#heycmo-scheduler {
    max-width: 1100px;
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: 10px;
}

/* ---------------------------------------------------
   CARD
--------------------------------------------------- */
.heycmo-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
    border: 1px solid #e2e8f0;
}

/* ---------------------------------------------------
   TITLES
--------------------------------------------------- */
.heycmo-title {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 6px;
    color: #0f172a;
}

.heycmo-subtitle {
    color: #475569;
    margin-bottom: 15px;
    font-size: 1rem;
}

/* ---------------------------------------------------
   STATUS BOX
--------------------------------------------------- */
.heycmo-status {
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 16px;
    min-height: 1.3rem;
}
.heycmo-status.info {
    color: #0369a1;
}
.heycmo-status.error {
    color: #b91c1c;
}

/* ---------------------------------------------------
   ANIMATIONS
--------------------------------------------------- */
.heycmo-animate-fadein {
    animation: heycmoFadeIn 0.5s ease forwards;
}
@keyframes heycmoFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.heycmo-animate-slideup {
    animation: heycmoSlideUp 0.5s ease forwards;
}
@keyframes heycmoSlideUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

.heycmo-event-animate {
    animation: eventPop 0.22s ease;
}
@keyframes eventPop {
    from { transform: scale(0.92); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

/* ---------------------------------------------------
   FORM
--------------------------------------------------- */
.heycmo-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.heycmo-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.heycmo-field label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0f172a;
}

textarea,
input,
select {
    border-radius: 10px;
    border: 1px solid #d4dce6;
    padding: 10px 12px;
    font-size: 0.95rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

textarea:focus,
input:focus,
select:focus {
    border-color: #2563eb;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.25);
    outline: none;
}

textarea {
    min-height: 80px;
    resize: vertical;
}

/* Row with tone & length */
.heycmo-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 600px) {
    .heycmo-row { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------
   BUTTONS
--------------------------------------------------- */
.heycmo-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.heycmo-btn {
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 0.95rem;
    border: none;
    cursor: pointer;
    transition: 0.25s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.heycmo-btn.primary {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
}
.heycmo-btn.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 22px rgba(37, 99, 235, 0.35);
}

.heycmo-btn.secondary {
    background: #e2e8f0;
    color: #0f172a;
}
.heycmo-btn.secondary:hover {
    background: #c3d0e0;
}

.heycmo-btn.danger {
    background: #fee2e2;
    color: #b91c1c;
}
.heycmo-btn.danger:hover {
    background: #fecaca;
}

/* ---------------------------------------------------
   OUTPUT BOX
--------------------------------------------------- */
.heycmo-output h3 {
    margin-top: 10px;
    font-size: 1.05rem;
    font-weight: 600;
}

#result-field-id {
    border-radius: 12px;
    padding: 12px;
    border: 1px solid #d4dce6;
}

/* ---------------------------------------------------
   CALENDAR
--------------------------------------------------- */
.heycmo-calendar-full {
    width: 100%;
    min-height: 520px;
    background: #f8fafc;
    padding: 18px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

/* Make events look nicer inside FullCalendar */
.fc-daygrid-event {
    border-radius: 6px !important;
    padding: 4px 6px !important;
    font-size: 0.85rem;
    font-weight: 600;
}

/* ---------------------------------------------------
   DETAILS PANEL
--------------------------------------------------- */
.heycmo-details {
    margin-top: 16px;
    background: #eef2f7;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid #d4dce6;
}

.heycmo-details h4 {
    margin: 0 0 8px 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
}

.heycmo-detail-field {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.heycmo-detail-buttons {
    display: flex;
    margin-top: 14px;
    gap: 10px;
}

/* ---------------------------------------------------
   MOBILE IMPROVEMENTS
--------------------------------------------------- */
@media (max-width: 600px) {
    .heycmo-card {
        padding: 18px;
    }
    .heycmo-calendar-full {
        padding: 10px;
    }
    .fc-toolbar-title {
        font-size: 1.1rem !important;
    }
}/* End custom CSS */