.elementor-5287 .elementor-element.elementor-element-d6a02c7{--display:flex;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5287 .elementor-element.elementor-element-d6a02c7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5287 .elementor-element.elementor-element-ba46924{--display:flex;}.elementor-5287 .elementor-element.elementor-element-8af0149{animation-delay:150ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-modern-heading-primary{font-size:18px;font-weight:700;text-transform:capitalize;margin:40px 0px 0px 0px;}.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-modern-heading-divider{height:3px;width:31px;margin:0px 0px -10px 0px;}.elementor-5287 .elementor-element.elementor-element-d475f9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5287 .elementor-element.elementor-element-f8e9707{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5287 .elementor-element.elementor-element-b8928a9 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-5287 .elementor-element.elementor-element-0f5d10d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5287 .elementor-element.elementor-element-1d7a90b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5287 .elementor-element.elementor-element-4512092 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-5287 .elementor-element.elementor-element-7237061{--grid-columns:6;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-5287 .elementor-element.elementor-element-7237061 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-5287 .elementor-element.elementor-element-7237061 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-5287 .elementor-element.elementor-element-7237061 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5287 .elementor-element.elementor-element-7237061 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5287 .elementor-element.elementor-element-7237061 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-5287 .elementor-element.elementor-element-14aa3ae{--display:flex;}.elementor-5287 .elementor-element.elementor-element-a829099{--display:flex;}.elementor-5287 .elementor-element.elementor-element-c246529{--spacer-size:100px;}@media(max-width:1024px){.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-modern-heading-primary{font-size:17px;}.elementor-5287 .elementor-element.elementor-element-7237061{--grid-columns:3;}}@media(min-width:768px){.elementor-5287 .elementor-element.elementor-element-d6a02c7{--width:98.485%;}.elementor-5287 .elementor-element.elementor-element-f8e9707{--width:50%;}.elementor-5287 .elementor-element.elementor-element-0f5d10d{--width:50%;}}@media(max-width:767px){.elementor-5287 .elementor-element.elementor-element-8af0149 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-modern-heading-primary{font-size:16px;}.elementor-5287 .elementor-element.elementor-element-7237061{--grid-columns:2;--grid-column-gap:0px;}}/* Start custom CSS for aux_modern_heading, class: .elementor-element-8af0149 */.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-widget-inner{
    text-align: center;
}
.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-modern-heading-primary{
    display: inline-block;
    background: transparent linear-gradient(97deg, var(--e-global-color-679982b4) 0%, var(--e-global-color-679982b4) 9%, var(--e-global-color-47b4746f) 27%, var(--e-global-color-6474545b) 47%, var(--e-global-color-48ed99e5) 63%, var(--e-global-color-16a23eba) 83%, var(--e-global-color-5540afdb) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-modern-heading-divider{
    background: transparent linear-gradient(97deg, var(--e-global-color-679982b4) 0%, var(--e-global-color-679982b4) 9%, var(--e-global-color-47b4746f) 27%, var(--e-global-color-6474545b) 47%, var(--e-global-color-48ed99e5) 63%, var(--e-global-color-16a23eba) 83%, var(--e-global-color-5540afdb) 100%);
    border-radius: 10px;
}
@media only screen and (max-width:414px){
.elementor-5287 .elementor-element.elementor-element-8af0149 .aux-modern-heading-secondary{
    margin:0!important;
}}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b8928a9 *//* =========================================
   SINGLE PAGE: IMAGE SWAP (FIT TO SCREEN)
   ========================================= */

/* 1. Main Container Setup */
.elementor-5287 .elementor-element.elementor-element-b8928a9 {
    display: flex;
    justify-content: center; /* Centers the image inside the Elementor column */
}

.elementor-5287 .elementor-element.elementor-element-b8928a9 .single-swap-wrapper {
    position: relative;
    display: block;
    width: fit-content; /* Hugs the image tightly */
    max-width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
}

/* 2. Default Layer (Groups the main image and thumbnails together) */
.elementor-5287 .elementor-element.elementor-element-b8928a9 .sp-default-layer {
    position: relative;
    display: inline-block; /* Added this so it hugs the image perfectly */
    max-width: 100%;
    transition: opacity 0.4s ease-in-out;
}

.elementor-5287 .elementor-element.elementor-element-b8928a9 .ch-default-img {
    width: auto;
    max-width: 100%;
    max-height: 65vh; /* REDUCED to 65vh to leave room for your website header! */
    height: auto;
    display: block;
    object-fit: contain;
}

/* 3. Tiny Thumbnails Styling */
.elementor-5287 .elementor-element.elementor-element-b8928a9 .thumbnail-overlay-box {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;
    gap: 8px;
}

.elementor-5287 .elementor-element.elementor-element-b8928a9 .mini-thumb {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    background: #ffffff;
}

/* 4. AI Hover Image styling */
.elementor-5287 .elementor-element.elementor-element-b8928a9 .single-swap-wrapper .ch-hover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease-in-out;
    opacity: 0; /* Hidden by default */
}

/* 5. The Hover Swap Action */
.elementor-5287 .elementor-element.elementor-element-b8928a9 .single-swap-wrapper:hover .ch-hover-img {
    opacity: 1; /* Reveal AI image on hover */
}

.elementor-5287 .elementor-element.elementor-element-b8928a9 .single-swap-wrapper:hover .sp-default-layer {
    opacity: 0; /* Hide Featured Image AND Thumbnails on hover */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a7d09d *//* =========================================
   SINGLE PAGE: PROMPT BOX UI (100% BRAND COLORS)
   ========================================= */

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-details-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: inherit;
}

/* --- Toast Notification Styling --- */
.sp-toast-popup {
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background: #f6f4e5; /* Brand Off-White */
    color: #0c7674; /* Brand Deep Teal */
    border: 2px solid #e4a22a; /* Brand Golden Ochre */
    padding: 12px 24px;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 9999;
}
.sp-toast-popup.show-toast {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* --- 1. Prompt Box --- */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-prompt-box {
    background: #f6f4e5; /* Brand Off-White */
    border-radius: 12px;
    padding: 20px;
    border: 1px solid rgba(228, 162, 42, 0.4); /* Soft Golden Ochre */
    border-left: 6px solid #e4a22a; /* Strong Golden Ochre Accent */
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-prompt-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-prompt-title {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 800;
    color: #0c7674; /* Brand Deep Teal */
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-icon-btn {
    background: none;
    border: none;
    color: #0c7674; /* Brand Deep Teal */
    cursor: pointer;
    padding: 4px;
    transition: color 0.2s, transform 0.2s;
    display: flex;
    align-items: center;
}
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-icon-btn:hover {
    color: #e4a22a; /* Brand Golden Ochre */
    transform: scale(1.1);
}

/* SCROLLABLE TEXT AREA */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .scrollable-text {
    max-height: 140px; 
    overflow-y: auto;
    padding-right: 10px;
}
.elementor-5287 .elementor-element.elementor-element-9a7d09d .scrollable-text::-webkit-scrollbar {
    width: 6px;
}
.elementor-5287 .elementor-element.elementor-element-9a7d09d .scrollable-text::-webkit-scrollbar-track {
    background: transparent;
}
.elementor-5287 .elementor-element.elementor-element-9a7d09d .scrollable-text::-webkit-scrollbar-thumb {
    background-color: #e4a22a; /* Brand Golden Ochre Scrollbar */
    border-radius: 10px;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-prompt-content p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: #000000; /* Brand Black */
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .hidden-prompt {
    display: none;
}

/* --- 2. Metadata Box --- */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-meta-box {
    background: #ffffff; /* Pure White */
    border-radius: 12px;
    padding: 12px 20px;
    border: 1px solid rgba(12, 118, 116, 0.2); /* Soft Deep Teal Border */
    display: flex;
    flex-direction: column;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(12, 118, 116, 0.1); /* Soft Deep Teal Divider */
}
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-meta-row:last-child {
    border-bottom: none;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-meta-label {
    font-size: 13px;
    color: #0c7674; /* Brand Deep Teal */
    font-weight: 600;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-meta-value {
    font-size: 14px;
    color: #000000; /* Brand Black */
    font-weight: 700;
    text-align: right;
}

/* Pill-Shaped Model Selector */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-model-dropdown {
    padding: 8px 36px 8px 16px;
    border-radius: 50px;
    border: 1px solid rgba(228, 162, 42, 0.3); /* Subtle Golden Border */
    background-color: #f6f4e5; /* Brand Off-White */
    color: #0c7674; /* Brand Deep Teal */
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230c7674' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    transition: filter 0.2s ease;
}
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-model-dropdown:hover {
    filter: brightness(0.95);
}

/* --- 3. Action Buttons Row --- */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-action-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #ffffff;
    color: #0c7674; /* Brand Deep Teal Icons/Text */
    border: 1px solid #e4a22a; /* Brand Golden Ochre Border */
    height: 42px; /* Uniform height for all buttons */
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-btn-icon {
    padding: 10px; 
}

/* Hover State: Comment Button */
.elementor-5287 .elementor-element.elementor-element-9a7d09d #sp-btn-comment:hover {
    color: #0c7674; /* Brand Deep Teal */
    border-color: #0c7674;
    background-color: #f6f4e5; /* Brand Off-White */
}

/* Hover State: Share Button */
.elementor-5287 .elementor-element.elementor-element-9a7d09d #sp-btn-share:hover {
    color: #0c7674; /* Brand Deep Teal */
    border-color: #0c7674;
    background-color: #f6f4e5; /* Brand Off-White */
}

/* Hover State: Options Button (The 3 Dots) */
.elementor-5287 .elementor-element.elementor-element-9a7d09d #sp-options-btn:hover {
    color: #e4a22a; /* Brand Golden Ochre */
    border-color: #e4a22a;
    background-color: #fffcf5; /* Light Ochre Cream */
}

/* --- 4. Options Dropdown Menu --- */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-options-menu {
    position: absolute;
    bottom: 115%; /* Pops UP perfectly above the 3-dots button */
    right: 0;
    background: #ffffff; /* Pure White */
    border: 1px solid rgba(12, 118, 116, 0.2); /* Deep Teal soft border */
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    min-width: 170px;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 100;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-options-menu.show-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    color: #000000; /* Brand Black */
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-dropdown-item:hover {
    background: #f6f4e5; /* Brand Off-White */
    color: #0c7674; /* Brand Deep Teal */
}

/* Special hover state for destructive/alert actions like "Report" */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-dropdown-item.sp-text-red:hover {
    background: #fffafa; /* Light Crimson Snow */
    color: #c11d24; /* Brand Crimson Red */
}



/* =========================================
   WP ULIKE BUTTON OVERRIDES (BRAND MATCH)
   ========================================= */

/* Unified group wrapper for Like, Comment, Share */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-btn-group {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px;
    flex: 1;
}

/* 1. Like wrapper */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper {
    flex: 1;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e4a22a !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* 2. Kill all WP ULike inner wrapper spacing */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper .wpulike,
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper .wpulike-heart,
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper .wp_ulike_general_class {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    gap: 6px !important;
}

/* 3. The actual button */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper .wp_ulike_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: transparent !important;
    color: #0c7674 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: none !important;
    position: static !important;
    top: 0 !important;
    vertical-align: unset !important;
}

/* 4. Counter box */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper .count-box {
    display: flex !important;
    align-items: center !important;
    position: static !important;
    top: 0 !important;
    vertical-align: unset !important;
    line-height: 1 !important;
}

/* 5. Hover State */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper:hover {
    border-color: #c11d24 !important;
    background-color: #fffafa !important;
}

.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-like-wrapper:hover .wp_ulike_btn {
    color: #c11d24 !important;
}

/* 6. Comment & Share flex-grow inside group */
.elementor-5287 .elementor-element.elementor-element-9a7d09d .sp-btn-group .sp-action-btn {
    flex: 1;
}


/* =========================================
  Disable Save Prompt Button
   ========================================= */
   
   /* Styling for the disabled menu item */
.sp-item-disabled {
    color: #888888 !important; /* Flat gray text color */
    opacity: 0.5;              /* 50% transparency */
    cursor: not-allowed;       /* Changes mouse cursor to a blocked sign */
    pointer-events: none;      /* Safety net to completely kill clicks */
}

/* Optional: Ensures the icon matches the muted gray look */
.sp-options-menu .sp-item-disabled svg {
    stroke: #888888 !important;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-b1ae37f *//* 1. Input Fields & Textarea (Brand Match) */
#respond .comment-form input[type="text"],
#respond .comment-form input[type="email"],
#respond .comment-form input[type="url"],
#respond .comment-form textarea {
    background-color: #f6f4e5 !important; /* Brand Off-White */
    border: 1px solid rgba(12, 118, 116, 0.2) !important; /* Soft Deep Teal Border */
    border-radius: 8px !important;
    padding: 15px 20px !important;
    width: 100% !important;
    color: #000000 !important; /* Brand Black */
    font-size: 15px !important;
    font-family: inherit !important;
    transition: all 0.3s ease !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
}

/* 2. Focus State: When clicking inside the box */
#respond .comment-form input[type="text"]:focus,
#respond .comment-form input[type="email"]:focus,
#respond .comment-form input[type="url"]:focus,
#respond .comment-form textarea:focus {
    border-color: #e4a22a !important; /* Brand Golden Ochre */
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(228, 162, 42, 0.1) !important; /* Soft Ochre Glow */
}

/* 3. Submit Button (Brand Match) */
#respond .comment-form .submit {
    background-color: #0c7674 !important; /* Brand Deep Teal */
    color: #ffffff !important; /* Pure White */
    border: 2px solid #0c7674 !important; /* Solid Teal Border */
    border-radius: 8px !important;
    padding: 12px 35px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(12, 118, 116, 0.2) !important; /* Soft Teal Shadow */
}

/* 4. Submit Button Hover State */
#respond .comment-form .submit:hover {
    background-color: #f6f4e5 !important; /* Brand Off-White */
    color: #0c7674 !important; /* Brand Deep Teal Text */
    border-color: #0c7674 !important; /* Keeps the Teal Border */
    box-shadow: 0 6px 20px rgba(12, 118, 116, 0.3) !important;
}

/* 5. Hide Email and Website (URL) fields */
.comment-form-email,
.comment-form-url {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS *//* 2. Style your individual custom Elementor cards */
.sp-custom-card {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
    padding: 30px;
    margin-bottom: 40px !important; 
    
    /* Stop the card from stretching to the screen edges */
    max-width: 1300px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. Mobile Adjustment so it looks great on phones */
@media (max-width: 768px) {
    .sp-custom-card {
        padding: 15px; 
        border-radius: 15px;
        width: 90% !important; /* Adds a small gap on phone screens */
    }
}/* End custom CSS */