.elementor-210 .elementor-element.elementor-element-67eb1c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-0372804{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-210 .elementor-element.elementor-element-15edabc{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-7c33f2a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-3e62963{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-3e62963:not(.elementor-motion-effects-element-type-background), .elementor-210 .elementor-element.elementor-element-3e62963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://siriuscaninefertility.com/wp-content/uploads/2026/03/DNA.webp");background-position:center center;background-size:cover;}.elementor-210 .elementor-element.elementor-element-47da16f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-210 .elementor-element.elementor-element-c8f833f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-210 .elementor-element.elementor-element-d5fd29b .ts-advanced-list{justify-content:left;}.elementor-210 .elementor-element.elementor-element-d5fd29b .ts-action  .ts-action-con{padding:5px 5px 5px 5px;}.elementor-210 .elementor-element.elementor-element-d5fd29b .ts-action-con{border-radius:3px;}.elementor-210 .elementor-element.elementor-element-d5fd29b  .ts-action-con{box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.13);font-size:0.7rem;}.elementor-210 .elementor-element.elementor-element-d5fd29b .ts-action-icon{border-radius:26px;--ts-icon-size:11px;}.elementor-210 .elementor-element.elementor-element-d5fd29b .ts-action-con, .elementor-210 .elementor-element.elementor-element-d5fd29b .ts-action span{grid-gap:10px;}.elementor-210 .elementor-element.elementor-element-bc7a560{padding:20px 10px 10px 0px;}.elementor-210 .elementor-element.elementor-element-bc7a560 .ts-advanced-list{display:grid;grid-gap:15px;}.elementor-210 .elementor-element.elementor-element-bc7a560  .ts-action-con{font-size:1rem;}.elementor-210 .elementor-element.elementor-element-bc7a560 .ts-action-icon{border-radius:26px;--ts-icon-size:13px;--ts-icon-color:var( --e-global-color-accent );}.elementor-210 .elementor-element.elementor-element-bc7a560 .ts-action-con, .elementor-210 .elementor-element.elementor-element-bc7a560 .ts-action span{grid-gap:9px;}.elementor-210 .elementor-element.elementor-element-51283c5{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-210 .elementor-element.elementor-element-3bec258{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-210 .elementor-element.elementor-element-0259506 .ts-filter-wrapper > .elementor-repeater-item-2cfde5a{width:100%;}.elementor-210 .elementor-element.elementor-element-0259506.elementor-element{--align-self:stretch;}.elementor-210 .elementor-element.elementor-element-0259506 .ts-form-reset{width:30%;}.elementor-210 .elementor-element.elementor-element-0259506 .ts-inline-filter .ts-input-icon > span{left:15px;}.elementor-210 .elementor-element.elementor-element-0259506 .ts-search-btn{color:#fff;--ts-icon-color:#fff;}.elementor-210 .elementor-element.elementor-element-0259506 .ts-inline-filter .range-slider-wrapper .range-value{font-size:20px;}.elementor-210 .elementor-element.elementor-element-0259506 .ts-filter-toggle{border-radius:5px;}.elementor-210 .elementor-element.elementor-element-f57fbf4 > .post-feed-grid{grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:20px;}.elementor-210 .elementor-element.elementor-element-5499db5{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-210 .elementor-element.elementor-element-afc129b > .post-feed-grid{grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:20px;}.elementor-210 .elementor-element.elementor-element-26a7650{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-210 .elementor-element.elementor-element-b0a5a16 > .post-feed-grid{grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:20px;}.elementor-210 .elementor-element.elementor-element-9b0663e{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-210 .elementor-element.elementor-element-0d7620c > .post-feed-grid{grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:20px;}.elementor-210 .elementor-element.elementor-element-33ae490{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-aae8d7e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-210 .elementor-element.elementor-element-6bff312{--display:flex;}.elementor-210 .elementor-element.elementor-element-99330cd{--display:flex;}.elementor-210 .elementor-element.elementor-element-c31f92c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-d90e36a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-210 .elementor-element.elementor-element-a8a4a77{--display:flex;}.elementor-210 .elementor-element.elementor-element-3a0eddc{--display:flex;}.elementor-210 .elementor-element.elementor-element-40c6a93{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-af39f2b{--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;--justify-content:space-between;}.elementor-210 .elementor-element.elementor-element-562f458 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2rem;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-210 .elementor-element.elementor-element-0e328e5 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:0.8125rem;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:10px 18px 10px 18px;}.elementor-210 .elementor-element.elementor-element-0e328e5 .elementor-button:hover, .elementor-210 .elementor-element.elementor-element-0e328e5 .elementor-button:focus{background-color:var( --e-global-color-accent );}.elementor-210 .elementor-element.elementor-element-0e328e5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-210 .elementor-element.elementor-element-62bac31 > .post-feed-grid{grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0px;}.elementor-210 .elementor-element.elementor-element-96a18c7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-210 .elementor-element.elementor-element-96a18c7:not(.elementor-motion-effects-element-type-background), .elementor-210 .elementor-element.elementor-element-96a18c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-210 .elementor-element.elementor-element-62255de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-210 .elementor-element.elementor-element-62255de .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2rem;}.elementor-210 .elementor-element.elementor-element-0a8ab30 .ts-filter-wrapper > .elementor-repeater-item-7ce8116{width:100%;}.elementor-210 .elementor-element.elementor-element-0a8ab30 .ts-form-group.ts-form-submit{width:30%;}.elementor-210 .elementor-element.elementor-element-0a8ab30 .ts-inline-filter .ts-input-icon > span{left:15px;}.elementor-210 .elementor-element.elementor-element-0a8ab30 .ts-search-btn{color:#fff;--ts-icon-color:#fff;}.elementor-210 .elementor-element.elementor-element-0a8ab30 .ts-inline-filter .range-slider-wrapper .range-value{font-size:20px;}.elementor-210 .elementor-element.elementor-element-0a8ab30 .ts-filter-toggle{border-radius:5px;}.elementor-210 .elementor-element.elementor-element-29db0cc > .post-feed-grid{grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-210 .elementor-element.elementor-element-7afa1ec{text-align:center;font-family:"Inter", Sans-serif;font-size:0.6rem;font-weight:400;}.elementor-210 .elementor-element.elementor-element-4a9a498{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-1d965b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-210 .elementor-element.elementor-element-1d965b5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2rem;}.elementor-210 .elementor-element.elementor-element-cf0193f .widget-head{display:none;}.elementor-210 .elementor-element.elementor-element-cf0193f .ts-inline-filter .ts-input-icon i{font-size:24px;}.elementor-210 .elementor-element.elementor-element-cf0193f .ts-inline-filter .ts-input-icon svg{width:24px;height:24px;}.elementor-210 .elementor-element.elementor-element-cf0193f .ts-inline-filter .ts-input-icon > i, .elementor-210 .elementor-element.elementor-element-cf0193f .ts-inline-filter .ts-input-icon > span, .elementor-210 .elementor-element.elementor-element-cf0193f .ts-inline-filter .ts-input-icon > svg{left:15px;}.elementor-210 .elementor-element.elementor-element-eb80ce5{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-bd575bb{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-f1afebc{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-0e3c904{--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-210 .elementor-element.elementor-element-6d44d07{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-96b55a7{--display:flex;}.elementor-210 .elementor-element.elementor-element-1d8bcee .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:600;}.elementor-210 .elementor-element.elementor-element-60572bc .ts-login .ts-google-btn{border-radius:5px;}.elementor-210 .elementor-element.elementor-element-60572bc div.ts-filter i{font-size:24px;}.elementor-210 .elementor-element.elementor-element-60572bc div.ts-filter svg{width:24px;height:24px;min-width:24px;}.elementor-210 .elementor-element.elementor-element-60572bc div.ts-filter{grid-gap:10px;}.elementor-210 .elementor-element.elementor-element-60572bc .ts-welcome-message{align-items:flex-start;text-align:left;}@media(min-width:768px){.elementor-210 .elementor-element.elementor-element-15edabc{--width:66.6666%;}.elementor-210 .elementor-element.elementor-element-0e3c904{--width:33.3333%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for container, class: .elementor-element-67eb1c2 *//* ═══════════════════════════════════════════════════════
   SIRIUS CANINE FERTILITY — DASHBOARD STYLES
   Adapted from the profile page design system (V2)
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ── GLOBAL PAGE BACKGROUND ── */
.elementor-210 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    background-color: #F7F8FA !important;
    background-image: radial-gradient(rgba(0, 0, 0, 0.04) 1.5px, transparent 1.5px) !important;
    background-size: 26px 26px !important;
    color: #1A1D20 !important;
    line-height: 1.6 !important;
}

/* ── MAIN TWO-COLUMN LAYOUT (parent container 0372804) ── */
.elementor-element-0372804 {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 32px 24px 96px 24px !important;
}



/* ═══════════════════════════════════
   LEFT COLUMN (15edabc)
   ═══════════════════════════════════ */
.elementor-element-15edabc {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* ── PROFILE HEADER CARD (7c33f2a) ── */
.elementor-element-7c33f2a {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Cover image container (3e62963) */
.elementor-element-3e62963 {
    width: 100% !important;
    height: 200px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px 12px 0 0 !important;
}

/* Avatar + username container (47da16f) */
.elementor-element-47da16f {
    padding: 0 32px 32px 32px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

/* Avatar image */
.elementor-element-fa01d1d {
    width: 120px !important;
    margin-top: -60px !important;
    position: relative !important;
    z-index: 2 !important;
}

.elementor-element-fa01d1d img {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    border: 4px solid #FFFFFF !important;
    object-fit: cover !important;
    display: block !important;
    background-color: #F7F8FA !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Username heading */
.elementor-element-ad38320 .elementor-heading-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.75rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    margin-top: 16px !important;
}

@media (max-width: 600px) {
    .elementor-element-47da16f {
        padding: 0 20px 24px 20px !important;
    }

    .elementor-element-fa01d1d img {
        width: 96px !important;
        height: 96px !important;
    }

    .elementor-element-fa01d1d {
        width: 96px !important;
        margin-top: -48px !important;
    }

    .elementor-element-ad38320 .elementor-heading-title {
        font-size: 1.5rem !important;
    }
}

/* ── MY STUD LISTINGS SECTION (40c6a93) ── */
.elementor-element-40c6a93 {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

/* Section title */
.elementor-element-562f458 .elementor-heading-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

/* Stud listing cards - override dl-card styles inside dashboard */
.elementor-element-40c6a93 .dl-card {
    max-width: 100% !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.elementor-element-40c6a93 .dl-card:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-1px) !important;
}

.elementor-element-40c6a93 .dl-card+.dl-card {
    margin-top: 12px !important;
}

.elementor-element-40c6a93 .dl-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #1A1D20 !important;
}

.elementor-element-40c6a93 .dl-subtitle {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #687076 !important;
}

.elementor-element-40c6a93 .dl-meta {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #9CA3AF !important;
}

.elementor-element-40c6a93 .dl-action {
    color: #174c9d !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.elementor-element-40c6a93 .dl-action:hover {
    color: #592d90 !important;
}

.elementor-element-40c6a93 .dl-status {
    color: #046c4e !important;
}

.elementor-element-40c6a93 .dl-plan-badge {
    background-color: rgba(4, 108, 78, 0.08) !important;
    color: #046c4e !important;
    border-radius: 6px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.elementor-element-40c6a93 .dl-img-container {
    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

/* Fix post feed grid layout */
.elementor-element-40c6a93 .post-feed-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.elementor-element-40c6a93 .ts-preview {
    width: 100% !important;
}

/* ── SUBSCRIPTIONS & ORDERS SECTION (4a9a498) ── */
.elementor-element-4a9a498 {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

/* Section title */
.elementor-element-1d965b5 .elementor-heading-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

/* ── VOXEL ORDERS WIDGET OVERRIDES ── */
.elementor-element-4a9a498 .vx-orders-widget {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Orders list cards */
.elementor-element-4a9a498 .vx-order-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

.elementor-element-4a9a498 .vx-order-card:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

/* Order status badges */
.elementor-element-4a9a498 .order-status.vx-green {
    background-color: rgba(4, 108, 78, 0.08) !important;
    color: #046c4e !important;
    border-radius: 6px !important;
}

.elementor-element-4a9a498 .order-status.vx-orange {
    background-color: rgba(245, 190, 22, 0.1) !important;
    color: #92400e !important;
    border-radius: 6px !important;
}

.elementor-element-4a9a498 .order-status.vx-red {
    background-color: rgba(220, 38, 38, 0.08) !important;
    color: #dc2626 !important;
    border-radius: 6px !important;
}

.elementor-element-4a9a498 .order-status.vx-neutral {
    background-color: #F7F8FA !important;
    color: #687076 !important;
    border-radius: 6px !important;
}

/* Widget head */
.elementor-element-4a9a498 .widget-head h1 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
}

.elementor-element-4a9a498 .widget-head p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.875rem !important;
    color: #687076 !important;
}

/* Order filters */
.elementor-element-4a9a498 .vx-order-filters {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    background: #F7F8FA !important;
    padding: 12px !important;
}

.elementor-element-4a9a498 .vx-order-filters .ts-filter,
.elementor-element-4a9a498 .vx-order-filters .inline-input {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    border-radius: 8px !important;
}

/* Pagination buttons */
.elementor-element-4a9a498 .ts-load-more {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
}

.elementor-element-4a9a498 .ts-load-more:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #592d90 !important;
}

/* No orders found state */
.elementor-element-4a9a498 .ts-no-posts {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #687076 !important;
}

.elementor-element-4a9a498 .ts-no-posts p {
    font-size: 0.9375rem !important;
    color: #687076 !important;
}

/* Single order view */
.elementor-element-4a9a498 .single-order {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.elementor-element-4a9a498 .vx-order-head .ts-btn {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    border-radius: 8px !important;
}

.elementor-element-4a9a498 .ts-btn.ts-btn-2 {
    background-color: #174c9d !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
}

.elementor-element-4a9a498 .ts-btn.ts-btn-2:hover {
    background-color: #592d90 !important;
}

.elementor-element-4a9a498 .ts-btn.ts-btn-1 {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    color: #1A1D20 !important;
}

.elementor-element-4a9a498 .ts-btn.ts-btn-1:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #592d90 !important;
}

/* Order timeline */
.elementor-element-4a9a498 .order-timeline .order-event {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Cost calculator */
.elementor-element-4a9a498 .ts-cost-calculator li {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.elementor-element-4a9a498 .ts-total {
    font-weight: 600 !important;
}

/* Order accordion */
.elementor-element-4a9a498 .order-accordion {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.elementor-element-4a9a498 .order-accordion summary {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
    color: #1A1D20 !important;
    padding: 12px 16px !important;
    background: #F7F8FA !important;
}

.elementor-element-4a9a498 .order-accordion .details-body {
    padding: 12px 16px !important;
}

/* ═══════════════════════════════════
   RIGHT SIDEBAR COLUMN (0e3c904)
   ═══════════════════════════════════ */

/* But only first child (heading) should NOT have its own card */
.elementor-element-96b55a7>.elementor-element:first-child {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 12px 0 !important;
}

/* Sidebar heading */
.elementor-element-1d8bcee .elementor-heading-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #174c9d !important;
    line-height: 1.3 !important;
}

/* ── VOXEL AUTH / LOGIN WIDGET IN SIDEBAR ── */
.elementor-element-60572bc {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 28px !important;
}

/* Override the first-child rule for the login widget since it's the second child */
.elementor-element-96b55a7>.elementor-element-60572bc {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 28px !important;
}

/* Auth form styling */
.elementor-element-60572bc .ts-form.ts-login {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.elementor-element-60572bc .vx-step-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
}

.elementor-element-60572bc .ts-form .ts-filter,
.elementor-element-60572bc .ts-form input {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    transition: border-color 0.2s ease !important;
}

.elementor-element-60572bc .ts-form .ts-filter:focus,
.elementor-element-60572bc .ts-form input:focus {
    border-color: #592d90 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(89, 45, 144, 0.1) !important;
}

.elementor-element-60572bc .ts-btn.ts-btn-2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    background-color: #174c9d !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease !important;
}

.elementor-element-60572bc .ts-btn.ts-btn-2:hover {
    background-color: #592d90 !important;
}

.elementor-element-60572bc .ts-btn.ts-btn-1 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    color: #1A1D20 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.elementor-element-60572bc .ts-btn.ts-btn-1:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #592d90 !important;
}

/* Google sign-in */
.elementor-element-60572bc .ts-google-btn {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
}

/* Or group dividers */
.elementor-element-60572bc .or-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: #687076 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.elementor-element-60572bc .or-line {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

/* Password recovery & field info links */
.elementor-element-60572bc .field-info {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #687076 !important;
}

.elementor-element-60572bc .field-info a {
    color: #174c9d !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.elementor-element-60572bc .field-info a:hover {
    color: #592d90 !important;
}

/* Labels */
.elementor-element-60572bc label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #1A1D20 !important;
}

/* Security screen (2FA etc) */
.elementor-element-60572bc .ts-auth {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* ═══════════════════════════════════
   BREADCRUMB BAR OVERRIDE
   Already styled but ensure font consistency
   ═══════════════════════════════════ */
.elementor-element-67eb1c2 {
    background-color: #FFFFFF !important;
    padding: 0 !important;
}

/* ═══════════════════════════════════
   MISC RESET: Remove Elementor defaults
   that conflict with our card design
   ═══════════════════════════════════ */

/* Kill Voxel theme's default widget backgrounds if any leak through */
.elementor-element-4a9a498 .elementor-widget-container,
.elementor-element-40c6a93 .elementor-widget-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ensure the grid columns behave */
.elementor-element-15edabc,
.elementor-element-0e3c904 {
    min-width: 0 !important;
}


/* ═══════════════════════════════════════════════════════
   ADMIN DASHBOARD — Voxel Widget Style Overrides
   Targets search bars, section headings, and orders widget
   Add to Elementor Additional CSS or site custom CSS
   ═══════════════════════════════════════════════════════ */


/* ═══════════════════════════════════
   SECTION HEADINGS
   Targets Elementor heading widgets inside dashboard sections
   ═══════════════════════════════════ */

/* Stud Listings heading */
#stud-listing-heading .elementor-heading-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
}

#stud-listing-heading .elementor-heading-title::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f521" !important;
    color: #92400e !important;
    font-size: 0.875rem !important;
}

/* Subscriptions heading - target by element ID or container */
.elementor-element-4a9a498 .elementor-heading-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
}

.elementor-element-4a9a498 .elementor-heading-title::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f543" !important;
    color: #174c9d !important;
    font-size: 0.875rem !important;
}


/* ═══════════════════════════════════
   VOXEL SEARCH BARS
   Override default Voxel search widget styling
   ═══════════════════════════════════ */

/* Search input container */
.elementor-element-5499db5 .ts-search-widget .ts-filter-wrapper,
.elementor-element-3bec258 .ts-search-widget .ts-filter-wrapper,
.elementor-element-26a7650 .ts-search-widget .ts-filter-wrapper,
.elementor-element-96a18c7 .ts-search-widget .ts-filter-wrapper {
    gap: 8px !important;
}

/* Inline text input */
.elementor-element-5499db5 .inline-input,
.elementor-element-3bec258 .inline-input,
.elementor-element-26a7650 .inline-input,
.elementor-element-96a18c7 .inline-input {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    padding: 10px 16px 10px 38px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #1A1D20 !important;
    background: #F7F8FA !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
    height: auto !important;
    min-height: 42px !important;
}

.elementor-element-5499db5 .inline-input:focus,
.elementor-element-3bec258 .inline-input:focus,
.elementor-element-26a7650 .inline-input:focus,
.elementor-element-96a18c7 .inline-input:focus {
    border-color: #174c9d !important;
    box-shadow: 0 0 0 3px rgba(23, 76, 157, 0.1) !important;
    background: #FFFFFF !important;
    outline: none !important;
}

.elementor-element-5499db5 .inline-input::placeholder,
.elementor-element-3bec258 .inline-input::placeholder,
.elementor-element-26a7650 .inline-input::placeholder,
.elementor-element-96a18c7 .inline-input::placeholder {
    color: #9CA3AF !important;
}

/* Search icon */
.elementor-element-5499db5 .ts-input-icon span,
.elementor-element-3bec258 .ts-input-icon span,
.elementor-element-26a7650 .ts-input-icon span,
.elementor-element-96a18c7 .ts-input-icon span {
    color: #9CA3AF !important;
}

/* Search button */
.elementor-element-5499db5 .ts-search-btn,
.elementor-element-3bec258 .ts-search-btn,
.elementor-element-26a7650 .ts-search-btn,
.elementor-element-96a18c7 .ts-search-btn {
    background-color: #174c9d !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    min-height: 42px !important;
    transition: background-color 0.2s ease !important;
    border: none !important;
    box-shadow: none !important;
}

.elementor-element-5499db5 .ts-search-btn:hover,
.elementor-element-3bec258 .ts-search-btn:hover,
.elementor-element-26a7650 .ts-search-btn:hover,
.elementor-element-96a18c7 .ts-search-btn:hover {
    background-color: #592d90 !important;
}

.elementor-element-5499db5 .ts-search-btn svg,
.elementor-element-3bec258 .ts-search-btn svg,
.elementor-element-26a7650 .ts-search-btn svg,
.elementor-element-96a18c7 .ts-search-btn svg {
    fill: #FFFFFF !important;
    width: 16px !important;
    height: 16px !important;
}

/* Load more button */
.elementor-element-5499db5 .ts-load-more,
.elementor-element-3bec258 .ts-load-more,
.elementor-element-26a7650 .ts-load-more,
.elementor-element-96a18c7 .ts-load-more {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
}

.elementor-element-5499db5 .ts-load-more:hover,
.elementor-element-3bec258 .ts-load-more:hover,
.elementor-element-26a7650 .ts-load-more:hover,
.elementor-element-96a18c7 .ts-load-more:hover {
    color: #592d90 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}

/* No results text */
.elementor-element-5499db5 .ts-no-posts p,
.elementor-element-3bec258 .ts-no-posts p,
.elementor-element-26a7650 .ts-no-posts p,
.elementor-element-96a18c7 .ts-no-posts p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.875rem !important;
    color: #9CA3AF !important;
}

/* "Search to find more" helper text */
.elementor-element-96a18c7 .elementor-widget-text-editor p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    color: #9CA3AF !important;
    text-align: center !important;
    margin-top: 8px !important;
}


/* ═══════════════════════════════════
   STUD LISTING CONTAINER
   ═══════════════════════════════════ */
.stud-listing-admin-container {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 28px !important;
}

/* Spacing between stud cards */
#stud-listing-post-feed .ts-preview + .ts-preview {
    margin-top: 10px !important;
}


/* ═══════════════════════════════════
   SUBSCRIPTIONS & ORDERS SECTION
   ═══════════════════════════════════ */

/* Outer container */
.elementor-element-4a9a498 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 28px !important;
}

/* Widget header */
.elementor-element-4a9a498 .vx-orders-widget .widget-head h1 {
    display: none !important;
}

.elementor-element-4a9a498 .vx-orders-widget .widget-head p {
    display: none !important;
}

/* Order filters row */
.elementor-element-4a9a498 .vx-order-filters {
    gap: 8px !important;
    margin-bottom: 16px !important;
}

/* Order search input */
.elementor-element-4a9a498 .order-keyword-search .inline-input {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #1A1D20 !important;
    background: #F7F8FA !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.elementor-element-4a9a498 .order-keyword-search .inline-input:focus {
    border-color: #174c9d !important;
    box-shadow: 0 0 0 3px rgba(23, 76, 157, 0.1) !important;
    background: #FFFFFF !important;
}

.elementor-element-4a9a498 .order-keyword-search .inline-input::placeholder {
    color: #9CA3AF !important;
}

/* Status & product type filter dropdowns */
.elementor-element-4a9a498 .ts-filter {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #687076 !important;
    background: #F7F8FA !important;
    transition: border-color 0.2s ease !important;
}

.elementor-element-4a9a498 .ts-filter:hover {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.elementor-element-4a9a498 .ts-filter.ts-filled {
    border-color: #174c9d !important;
    color: #174c9d !important;
    background: rgba(23, 76, 157, 0.04) !important;
}

/* Reset button */
.elementor-element-4a9a498 .order-reset-button .ts-filter {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    background: #FFFFFF !important;
}

.elementor-element-4a9a498 .order-reset-button .ts-filter:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
}

/* Order cards */
.elementor-element-4a9a498 .vx-order-card {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    margin-bottom: 8px !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.elementor-element-4a9a498 .vx-order-card:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* Order card title */
.elementor-element-4a9a498 .vx-order-title b {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
}

/* Order card meta */
.elementor-element-4a9a498 .vx-order-meta span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    color: #687076 !important;
}

/* Order badge/ID */
.elementor-element-4a9a498 .order-badge {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    color: #9CA3AF !important;
    background: rgba(0, 0, 0, 0.03) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

/* Status badges */
.elementor-element-4a9a498 .order-status {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
}

.elementor-element-4a9a498 .order-status.vx-green {
    background: rgba(4, 108, 78, 0.08) !important;
    color: #046c4e !important;
}

.elementor-element-4a9a498 .order-status.vx-orange {
    background: rgba(245, 190, 22, 0.1) !important;
    color: #92400e !important;
}

.elementor-element-4a9a498 .order-status.vx-red {
    background: rgba(220, 38, 38, 0.08) !important;
    color: #dc2626 !important;
}

.elementor-element-4a9a498 .order-status.vx-neutral {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #687076 !important;
}

/* Avatar in order cards */
.elementor-element-4a9a498 .vx-avatar {
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
}

/* Pagination */
.elementor-element-4a9a498 .vx-order-more a {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
}

.elementor-element-4a9a498 .vx-order-more a:hover {
    color: #592d90 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}

/* No orders state */
.elementor-element-4a9a498 .ts-no-posts p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.875rem !important;
    color: #9CA3AF !important;
}

/* Reset button — kill the extra padding/flex-grow */
.elementor-element-4a9a498 .order-reset-button {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-4a9a498 .order-reset-button .ts-filter {
    padding: 9px 10px !important;
    min-width: 42px !important;
    width: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-element-4a9a498 .order-reset-button .ts-filter svg {
    width: 18px !important;
    height: 18px !important;
}

/* ═══════════════════════════════════
   ORDER FILTER POPUPS / DROPDOWNS
   ═══════════════════════════════════ */

/* Popup container */
.elementor-element-4a9a498 .ts-field-popup,
.elementor-element-4a9a498 .ts-popup-content-wrapper {
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
}

/* Dropdown list */
.elementor-element-4a9a498 .ts-term-dropdown-list li a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #1A1D20 !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}

.elementor-element-4a9a498 .ts-term-dropdown-list li a:hover {
    background: rgba(23, 76, 157, 0.04) !important;
    color: #174c9d !important;
}

/* Radio buttons in dropdown */
.elementor-element-4a9a498 .container-radio .checkmark {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.elementor-element-4a9a498 input:checked + .checkmark {
    border-color: #174c9d !important;
    background-color: #174c9d !important;
}

/* Popup controller buttons (bottom bar: Clear / Save) */
.elementor-element-4a9a498 .ts-popup-controller {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 12px 16px !important;
    background: #FAFBFC !important;
}

.elementor-element-4a9a498 .ts-popup-controller .ts-btn-1 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #687076 !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    transition: all 0.2s ease !important;
}

.elementor-element-4a9a498 .ts-popup-controller .ts-btn-1:hover {
    color: #1A1D20 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.elementor-element-4a9a498 .ts-popup-controller .ts-btn-2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    background: #174c9d !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    transition: background-color 0.2s ease !important;
}

.elementor-element-4a9a498 .ts-popup-controller .ts-btn-2:hover {
    background: #592d90 !important;
}

/* Close icon button in popup */
.elementor-element-4a9a498 .ts-popup-controller .ts-icon-btn {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    transition: border-color 0.15s ease !important;
}

.elementor-element-4a9a498 .ts-popup-controller .ts-icon-btn:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
}

/* Mobile popup header */
.elementor-element-4a9a498 .ts-popup-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 14px 16px !important;
}

.elementor-element-4a9a498 .ts-popup-name span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
}


/* ═══════════════════════════════════
   DASHBOARD SECTION CONTAINERS
   Consistent white card treatment
   ═══════════════════════════════════ */

/* Recent Collections container */
.elementor-element-5499db5 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 28px !important;
}

/* Fertility Dogs container */
.elementor-element-3bec258 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 28px !important;
}

/* Recent Shipments container */
.elementor-element-26a7650 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 28px !important;
}


/* ═══════════════════════════════════
   POST FEED CARD SPACING
   Removes default Voxel card gaps
   ═══════════════════════════════════ */
.elementor-element-5499db5 .post-feed-grid,
.elementor-element-3bec258 .post-feed-grid,
.elementor-element-26a7650 .post-feed-grid {
    gap: 0 !important;
}

/* Remove Voxel card wrapper padding */
.elementor-element-5499db5 .ts-preview,
.elementor-element-3bec258 .ts-preview,
.elementor-element-26a7650 .ts-preview {
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove inner Elementor container padding from cards */
.elementor-element-5499db5 .ts-preview .e-con-inner,
.elementor-element-3bec258 .ts-preview .e-con-inner,
.elementor-element-26a7650 .ts-preview .e-con-inner {
    padding: 0 !important;
}

.elementor-element-5499db5 .ts-preview .e-con,
.elementor-element-3bec258 .ts-preview .e-con,
.elementor-element-26a7650 .ts-preview .e-con {
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51283c5 *//* ═══════════════════════════════════════════════════════
   ADMIN DASHBOARD — Quick Actions + Stat Cards
   Profile template, left column
   Visibility: Role = Admin AND Author = Current User
   ═══════════════════════════════════════════════════════ */


/* ── QUICK ACTIONS BAR ── */
#admin-quick-actions {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 24px 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.admin-qa-left h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #1A1D20 !important;
    margin: 0 !important;
}

.admin-qa-left p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #687076 !important;
    margin: 2px 0 0 0 !important;
}

.admin-qa-btns {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.qa-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    border: none !important;
    box-shadow: none !important;
}

.qa-btn i {
    font-size: 0.6875rem !important;
}

.qa-p {
    background-color: #174c9d !important;
    color: #FFFFFF !important;
}

.qa-p:hover {
    background-color: #592d90 !important;
    color: #FFFFFF !important;
}

.qa-p:visited {
    color: #FFFFFF !important;
}

.qa-s {
    background-color: #FFFFFF !important;
    color: #1A1D20 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.qa-s:hover {
    background-color: #FFFFFF !important;
    color: #592d90 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.qa-s:visited {
    color: #1A1D20 !important;
}

.qa-s:visited:hover {
    color: #592d90 !important;
}


/* ── STAT CARDS GRID ── */
#admin-stats {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    margin-top: 20px !important;
}

.admin-stat-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.admin-stat-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    color: #687076 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.admin-stat-value {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #1A1D20 !important;
    line-height: 1 !important;
}

.admin-stat-value.accent {
    color: #174c9d !important;
}

.admin-stat-sub {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    color: #9CA3AF !important;
}


/* ── RESPONSIVE ── */
@media (max-width: 767px) {
    #admin-quick-actions {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 20px 22px !important;
    }

    .admin-qa-btns {
        width: 100% !important;
    }

    .qa-btn {
        flex: 1 !important;
        justify-content: center !important;
    }

    #admin-stats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    #admin-stats {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e1676a *//* ═══════════════════════════════════════════════════════
   ADMIN DASHBOARD — Quick Actions + Stat Cards
   Profile template, left column
   Visibility: Role = Admin AND Author = Current User
   ═══════════════════════════════════════════════════════ */


/* ── QUICK ACTIONS BAR ── */
#admin-quick-actions {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 24px 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.admin-qa-left h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #1A1D20 !important;
    margin: 0 !important;
}

.admin-qa-left p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #687076 !important;
    margin: 2px 0 0 0 !important;
}

.admin-qa-btns {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.qa-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    border: none !important;
    box-shadow: none !important;
}

.qa-btn i {
    font-size: 0.6875rem !important;
}

.qa-p {
    background-color: #174c9d !important;
    color: #FFFFFF !important;
}

.qa-p:hover {
    background-color: #592d90 !important;
    color: #FFFFFF !important;
}

.qa-p:visited {
    color: #FFFFFF !important;
}

.qa-s {
    background-color: #FFFFFF !important;
    color: #1A1D20 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.qa-s:hover {
    background-color: #FFFFFF !important;
    color: #592d90 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.qa-s:visited {
    color: #1A1D20 !important;
}

.qa-s:visited:hover {
    color: #592d90 !important;
}


/* ── STAT CARDS GRID ── */
#admin-stats {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    margin-top: 20px !important;
}

.admin-stat-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.admin-stat-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    color: #687076 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.admin-stat-value {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #1A1D20 !important;
    line-height: 1 !important;
}

.admin-stat-value.accent {
    color: #174c9d !important;
}

.admin-stat-sub {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    color: #9CA3AF !important;
}


/* ── RESPONSIVE ── */
@media (max-width: 767px) {
    #admin-quick-actions {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 20px 22px !important;
    }

    .admin-qa-btns {
        width: 100% !important;
    }

    .qa-btn {
        flex: 1 !important;
        justify-content: center !important;
    }

    #admin-stats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    #admin-stats {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bec258 */.elementor-210 .elementor-element.elementor-element-3bec258{
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5499db5 */.elementor-210 .elementor-element.elementor-element-5499db5{
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

/* ═══════════════════════════════════════════════════════
   ADMIN DASHBOARD — Sections CSS
   Recent Collections, Fertility Dogs, Recent Shipments
   ═══════════════════════════════════════════════════════ */


/* ── SHARED SECTION STYLES ── */
.admin-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
}

.admin-section-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.admin-section-title i {
    color: #174c9d !important;
    font-size: 0.875rem !important;
}

.admin-section-link {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: #174c9d !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.admin-section-link:hover {
    color: #592d90 !important;
}

.admin-section-link:visited {
    color: #174c9d !important;
}


/* ═══════════════════════════════════
   RECENT COLLECTIONS
   ═══════════════════════════════════ */
.rc-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: color 0.15s ease !important;
}

.rc-item:last-child {
    border-bottom: none !important;
}

.rc-item:first-child {
    padding-top: 0 !important;
}

.rc-item:hover {
    color: #174c9d !important;
    text-decoration: none !important;
}

.rc-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.rc-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #F7F8FA !important;
}

.rc-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.rc-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    min-width: 0 !important;
}

.rc-name {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.rc-meta {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    color: #9CA3AF !important;
}

.rc-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
}

.rc-date {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    color: #687076 !important;
    font-weight: 500 !important;
}

.rc-arrow {
    color: #c4c9cc !important;
    font-size: 0.5625rem !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
}

.rc-item:hover .rc-arrow {
    color: #592d90 !important;
    transform: translateX(3px) !important;
}


/* ── SAMPLE TYPE BADGES ── */
.rc-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.5625rem !important;
    font-weight: 600 !important;
}

.rc-badge .badge-icon {
    font-size: 0.45rem !important;
}

/* Fresh */
.rc-badge-Fresh,
.rc-badge-fresh {
    background-color: rgba(4, 108, 78, 0.08) !important;
    color: #046c4e !important;
}

.rc-badge-Fresh .badge-icon::before,
.rc-badge-fresh .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f043" !important;
}

/* Frozen */
.rc-badge-Frozen,
.rc-badge-frozen {
    background-color: rgba(23, 76, 157, 0.08) !important;
    color: #174c9d !important;
}

.rc-badge-Frozen .badge-icon::before,
.rc-badge-frozen .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f2dc" !important;
}

/* Chilled */
.rc-badge-Chilled,
.rc-badge-chilled {
    background-color: rgba(245, 190, 22, 0.1) !important;
    color: #92400e !important;
}

.rc-badge-Chilled .badge-icon::before,
.rc-badge-chilled .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f76b" !important;
}


/* ═══════════════════════════════════
   FERTILITY DOGS DIRECTORY
   ═══════════════════════════════════ */
.dd-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: color 0.15s ease !important;
}

.dd-item:last-child {
    border-bottom: none !important;
}

.dd-item:hover {
    color: #174c9d !important;
    text-decoration: none !important;
}

.dd-avatar {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    background: #F7F8FA !important;
    flex-shrink: 0 !important;
}

.dd-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.dd-info {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.dd-name {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.dd-breed {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.625rem !important;
    color: #9CA3AF !important;
}

.dd-owner {
    margin-left: auto !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.625rem !important;
    color: #687076 !important;
    flex-shrink: 0 !important;
}


/* ═══════════════════════════════════
   RECENT SHIPMENTS
   ═══════════════════════════════════ */
.rs-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.rs-item:last-child {
    border-bottom: none !important;
}

.rs-item:first-child {
    padding-top: 0 !important;
}

.rs-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

.rs-vial {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #174c9d !important;
}

.rs-to {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    color: #687076 !important;
}

.rs-date {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.6875rem !important;
    color: #9CA3AF !important;
    flex-shrink: 0 !important;
}


/* ── RESPONSIVE ── */
@media (max-width: 767px) {
    .rc-date {
        display: none !important;
    }

    .dd-owner {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26a7650 */.elementor-210 .elementor-element.elementor-element-26a7650{
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}/* End custom CSS */
/* Start custom CSS for ts-post-feed, class: .elementor-element-0d7620c *//* ═══════════════════════════════════
   CLIENT PROFILES — Dashboard Card
   ═══════════════════════════════════ */
.cp-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: color 0.15s ease !important;
}

.cp-item:last-child {
    border-bottom: none !important;
}

.cp-item:hover {
    color: #174c9d !important;
    text-decoration: none !important;
}

.cp-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    background: #F7F8FA !important;
    flex-shrink: 0 !important;
}

.cp-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.cp-info {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.cp-name {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.cp-email {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.625rem !important;
    color: #9CA3AF !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.cp-dogs {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    color: #174c9d !important;
    background: rgba(23, 76, 157, 0.08) !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.cp-arrow {
    color: #c4c9cc !important;
    font-size: 0.5625rem !important;
    flex-shrink: 0 !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
}

.cp-item:hover .cp-arrow {
    color: #592d90 !important;
    transform: translateX(3px) !important;
}

@media (max-width: 767px) {
    .cp-dogs {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b0663e */.elementor-210 .elementor-element.elementor-element-9b0663e{
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-970fdb5 *//* ═══════════════════════════════════════════════════════
   MY COLLECTIONS — Outer Container
   Apply id="my-collections-container" to your Elementor container
   ═══════════════════════════════════════════════════════ */

#my-collections-container {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

@media (max-width: 767px) {
    #my-collections-container {
        padding: 24px 20px !important;
    }
}

/* ── DOG GROUP SEPARATOR ── */
/* Adds a line between dog groups when they stack */
.collection-dog-group + .collection-dog-group {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33ae490 *//* ═══════════════════════════════════════════════════════
   MY DOGS ACCORDION — Profile Page
   
   ELEMENTOR STRUCTURE:
   Container (id="my-dogs-container")
     ├── Heading + Add Dog button row
     └── Container (loop on post-relation, class="dog-accordion-item")
           ├── HTML Widget: dog-accordion-toggle
           └── Container (class="dog-accordion-panel")
                 ├── HTML Widget: dog-profile-link
                 └── HTML Widget (loop on post-relation-2): collection card
   ═══════════════════════════════════════════════════════ */


/* ── OUTER SECTION ── */
#my-dogs-container {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

.my-dogs-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

.profile-section-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

.add-dog-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    background-color: #174c9d !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    box-shadow: none !important;
}

.add-dog-btn:hover {
    background-color: #592d90 !important;
    color: #FFFFFF !important;
}

.add-dog-btn:visited {
    color: #FFFFFF !important;
}

.add-dog-btn i {
    font-size: 0.6875rem !important;
}


/* ═══════════════════════════════════
   ACCORDION ITEM (outer looped container)
   Add class "dog-accordion-item" to the
   Elementor container that loops on post-relation
   ═══════════════════════════════════ */
.dog-accordion-item {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.dog-accordion-item + .dog-accordion-item {
    margin-top: 12px !important;
}

.dog-accordion-item.open {
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}


/* ═══════════════════════════════════
   TOGGLE (dog card — clickable)
   ═══════════════════════════════════ */
.dog-accordion-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
    user-select: none !important;
}

.dog-accordion-toggle:hover {
    background-color: #FAFBFC !important;
}

.dog-accordion-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
}

.dog-accordion-avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #F7F8FA !important;
}

.dog-accordion-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.dog-accordion-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.dog-accordion-name {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.dog-accordion-breed {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #687076 !important;
    font-weight: 500 !important;
}

.dog-accordion-dob {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    color: #9CA3AF !important;
}

.dog-accordion-right {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0 !important;
}

.dog-accordion-count {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #174c9d !important;
    background: rgba(23, 76, 157, 0.08) !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
}

.dog-accordion-chevron {
    color: #9CA3AF !important;
    font-size: 0.75rem !important;
    transition: transform 0.25s ease, color 0.15s ease !important;
}

.dog-accordion-item.open .dog-accordion-chevron {
    transform: rotate(180deg) !important;
    color: #174c9d !important;
}

.dog-accordion-toggle:hover .dog-accordion-chevron {
    color: #592d90 !important;
}


/* ═══════════════════════════════════
   PANEL (dropdown — hidden by default)
   Add class "dog-accordion-panel" to the
   Elementor container inside dog-accordion-item
   ═══════════════════════════════════ */
.dog-accordion-panel {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease, padding-top 0.3s ease, padding-bottom 0.3s ease !important;
    background: #F9FAFB !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.dog-accordion-item.open .dog-accordion-panel {
    max-height: 800px !important;
    padding-top: 16px !important;
    padding-bottom: 20px !important;
}


/* ── VIEW DOG PROFILE LINK ── */
.dog-profile-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: #174c9d !important;
    text-decoration: none !important;
    padding: 8px 0 !important;
    margin-bottom: 12px !important;
    transition: color 0.15s ease !important;
}

.dog-profile-link:hover {
    color: #592d90 !important;
}

.dog-profile-link:visited {
    color: #174c9d !important;
}

.dog-profile-link:visited:hover {
    color: #592d90 !important;
}

.dog-profile-link i {
    font-size: 0.6875rem !important;
}


/* ═══════════════════════════════════
   COLLECTION CARDS (inside panel)
   ═══════════════════════════════════ */
.dropdown-collection-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.dropdown-collection-card:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
    color: inherit !important;
}

.dropdown-collection-card + .dropdown-collection-card {
    margin-top: 8px !important;
}

.dcc-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.dcc-date {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
}


/* ── BADGES ── */
.dcc-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
}

.dcc-badge .badge-icon {
    font-size: 0.5rem !important;
}

.dcc-badge-Frozen .badge-icon::before,
.dcc-badge-frozen .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f2dc" !important;
}

.dcc-badge-Fresh .badge-icon::before,
.dcc-badge-fresh .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f043" !important;
}

.dcc-badge-Chilled .badge-icon::before,
.dcc-badge-chilled .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f76b" !important;
}

.dcc-badge-Frozen,
.dcc-badge-frozen {
    background-color: rgba(23, 76, 157, 0.08) !important;
    color: #174c9d !important;
}

.dcc-badge-Fresh,
.dcc-badge-fresh {
    background-color: rgba(4, 108, 78, 0.08) !important;
    color: #046c4e !important;
}

.dcc-badge-Chilled,
.dcc-badge-chilled {
    background-color: rgba(245, 190, 22, 0.1) !important;
    color: #92400e !important;
}


/* ── STATS + ARROW ── */
.dcc-right {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}

.dcc-stats {
    display: flex !important;
    gap: 14px !important;
}

.dcc-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 1px !important;
}

.dcc-stat-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.5625rem !important;
    font-weight: 600 !important;
    color: #9CA3AF !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.dcc-stat-value {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: #1A1D20 !important;
}

.dcc-stat-value.good {
    color: #046c4e !important;
}

.dcc-stat-value.accent {
    color: #174c9d !important;
}

.dcc-arrow {
    color: #9CA3AF !important;
    font-size: 0.625rem !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
}

.dropdown-collection-card:hover .dcc-arrow {
    color: #592d90 !important;
    transform: translateX(3px) !important;
}


/* ── NO COLLECTIONS STATE ── */
.no-collections {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #9CA3AF !important;
    padding: 8px 0 !important;
}


/* ── RESPONSIVE ── */
@media (max-width: 767px) {
    #my-dogs-container {
        padding: 24px 20px !important;
    }

    .dog-accordion-toggle {
        padding: 14px 16px !important;
    }

    .dog-accordion-avatar {
        width: 44px !important;
        height: 44px !important;
    }

    .dog-accordion-count {
        display: none !important;
    }

    .dcc-stats {
        display: none !important;
    }

    .dropdown-collection-card {
        padding: 10px 14px !important;
    }

    .dog-accordion-panel {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

@media (max-width: 480px) {
    .my-dogs-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .dcc-left {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2a700 *//* ═══════════════════════════════════════════════════════
   MY COLLECTIONS — Outer Container
   Apply id="my-collections-container" to your Elementor container
   ═══════════════════════════════════════════════════════ */

#my-collections-container {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

@media (max-width: 767px) {
    #my-collections-container {
        padding: 24px 20px !important;
    }
}

/* ── DOG GROUP SEPARATOR ── */
/* Adds a line between dog groups when they stack */
.collection-dog-group + .collection-dog-group {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31f92c *//* ═══════════════════════════════════════════════════════
   MY DOGS ACCORDION — Profile Page
   
   ELEMENTOR STRUCTURE:
   Container (id="my-dogs-container")
     ├── Heading + Add Dog button row
     └── Container (loop on post-relation, class="dog-accordion-item")
           ├── HTML Widget: dog-accordion-toggle
           └── Container (class="dog-accordion-panel")
                 ├── HTML Widget: dog-profile-link
                 └── HTML Widget (loop on post-relation-2): collection card
   ═══════════════════════════════════════════════════════ */


/* ── OUTER SECTION ── */
#my-dogs-container {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

.my-dogs-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

.profile-section-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

.add-dog-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    background-color: #174c9d !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    box-shadow: none !important;
}

.add-dog-btn:hover {
    background-color: #592d90 !important;
    color: #FFFFFF !important;
}

.add-dog-btn:visited {
    color: #FFFFFF !important;
}

.add-dog-btn i {
    font-size: 0.6875rem !important;
}


/* ═══════════════════════════════════
   ACCORDION ITEM (outer looped container)
   Add class "dog-accordion-item" to the
   Elementor container that loops on post-relation
   ═══════════════════════════════════ */
.dog-accordion-item {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.dog-accordion-item + .dog-accordion-item {
    margin-top: 12px !important;
}

.dog-accordion-item.open {
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}


/* ═══════════════════════════════════
   TOGGLE (dog card — clickable)
   ═══════════════════════════════════ */
.dog-accordion-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
    user-select: none !important;
}

.dog-accordion-toggle:hover {
    background-color: #FAFBFC !important;
}

.dog-accordion-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
}

.dog-accordion-avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #F7F8FA !important;
}

.dog-accordion-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.dog-accordion-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.dog-accordion-name {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.dog-accordion-breed {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #687076 !important;
    font-weight: 500 !important;
}

.dog-accordion-dob {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    color: #9CA3AF !important;
}

.dog-accordion-right {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0 !important;
}

.dog-accordion-count {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #174c9d !important;
    background: rgba(23, 76, 157, 0.08) !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
}

.dog-accordion-chevron {
    color: #9CA3AF !important;
    font-size: 0.75rem !important;
    transition: transform 0.25s ease, color 0.15s ease !important;
}

.dog-accordion-item.open .dog-accordion-chevron {
    transform: rotate(180deg) !important;
    color: #174c9d !important;
}

.dog-accordion-toggle:hover .dog-accordion-chevron {
    color: #592d90 !important;
}


/* ═══════════════════════════════════
   PANEL (dropdown — hidden by default)
   Add class "dog-accordion-panel" to the
   Elementor container inside dog-accordion-item
   ═══════════════════════════════════ */
.dog-accordion-panel {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease, padding-top 0.3s ease, padding-bottom 0.3s ease !important;
    background: #F9FAFB !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.dog-accordion-item.open .dog-accordion-panel {
    max-height: 800px !important;
    padding-top: 16px !important;
    padding-bottom: 20px !important;
}


/* ── VIEW DOG PROFILE LINK ── */
.dog-profile-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: #174c9d !important;
    text-decoration: none !important;
    padding: 8px 0 !important;
    margin-bottom: 12px !important;
    transition: color 0.15s ease !important;
}

.dog-profile-link:hover {
    color: #592d90 !important;
}

.dog-profile-link:visited {
    color: #174c9d !important;
}

.dog-profile-link:visited:hover {
    color: #592d90 !important;
}

.dog-profile-link i {
    font-size: 0.6875rem !important;
}


/* ═══════════════════════════════════
   COLLECTION CARDS (inside panel)
   ═══════════════════════════════════ */
.dropdown-collection-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.dropdown-collection-card:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
    color: inherit !important;
}

.dropdown-collection-card + .dropdown-collection-card {
    margin-top: 8px !important;
}

.dcc-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.dcc-date {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #1A1D20 !important;
}


/* ── BADGES ── */
.dcc-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
}

.dcc-badge .badge-icon {
    font-size: 0.5rem !important;
}

.dcc-badge-Frozen .badge-icon::before,
.dcc-badge-frozen .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f2dc" !important;
}

.dcc-badge-Fresh .badge-icon::before,
.dcc-badge-fresh .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f043" !important;
}

.dcc-badge-Chilled .badge-icon::before,
.dcc-badge-chilled .badge-icon::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f76b" !important;
}

.dcc-badge-Frozen,
.dcc-badge-frozen {
    background-color: rgba(23, 76, 157, 0.08) !important;
    color: #174c9d !important;
}

.dcc-badge-Fresh,
.dcc-badge-fresh {
    background-color: rgba(4, 108, 78, 0.08) !important;
    color: #046c4e !important;
}

.dcc-badge-Chilled,
.dcc-badge-chilled {
    background-color: rgba(245, 190, 22, 0.1) !important;
    color: #92400e !important;
}


/* ── STATS + ARROW ── */
.dcc-right {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}

.dcc-stats {
    display: flex !important;
    gap: 14px !important;
}

.dcc-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 1px !important;
}

.dcc-stat-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.5625rem !important;
    font-weight: 600 !important;
    color: #9CA3AF !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.dcc-stat-value {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: #1A1D20 !important;
}

.dcc-stat-value.good {
    color: #046c4e !important;
}

.dcc-stat-value.accent {
    color: #174c9d !important;
}

.dcc-arrow {
    color: #9CA3AF !important;
    font-size: 0.625rem !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
}

.dropdown-collection-card:hover .dcc-arrow {
    color: #592d90 !important;
    transform: translateX(3px) !important;
}


/* ── NO COLLECTIONS STATE ── */
.no-collections {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.8125rem !important;
    color: #9CA3AF !important;
    padding: 8px 0 !important;
}


/* ── RESPONSIVE ── */
@media (max-width: 767px) {
    #my-dogs-container {
        padding: 24px 20px !important;
    }

    .dog-accordion-toggle {
        padding: 14px 16px !important;
    }

    .dog-accordion-avatar {
        width: 44px !important;
        height: 44px !important;
    }

    .dog-accordion-count {
        display: none !important;
    }

    .dcc-stats {
        display: none !important;
    }

    .dropdown-collection-card {
        padding: 10px 14px !important;
    }

    .dog-accordion-panel {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

@media (max-width: 480px) {
    .my-dogs-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .dcc-left {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96a18c7 */.elementor-210 .elementor-element.elementor-element-96a18c7{
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-top: 24px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb80ce5 */.elementor-210 .elementor-element.elementor-element-eb80ce5{
    background: #fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius: 12px;
    padding:28px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd575bb */.elementor-210 .elementor-element.elementor-element-bd575bb{
    background: #fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius: 12px;
    padding:28px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1afebc */.elementor-210 .elementor-element.elementor-element-f1afebc{
    background: #fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius: 12px;
    padding:28px;
}/* End custom CSS */
/* Start custom CSS for ts-login, class: .elementor-element-60572bc */.elementor-210 .elementor-element.elementor-element-60572bc{
    border:none !important;
    padding:0!important;
    text-align: left !important;
}

/* Security sidebar — match Quick Links style */
.ts-auth .ts-btn.ts-btn-1.ts-btn-large {
    justify-content: flex-start !important;
    text-align: left !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    padding: 10px 14px !important;
    gap: 10px !important;
    min-height: 0 !important;
}

.ts-auth .ts-btn.ts-btn-1.ts-btn-large svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96b55a7 */.elementor-210 .elementor-element.elementor-element-96b55a7{
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 28px !important;
}/* End custom CSS */