/* My Accounts - My Documents Section Styles */
:root {--sdp-primary: #2563eb;--sdp-primary-hover: #1d4ed8;--sdp-bg: #ffffff;--sdp-text-main: #1e293b;--sdp-text-muted: #64748b;--sdp-border: #e2e8f0;--sdp-radius: 12px;--sdp-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.sdp-documents-wrapper {max-width: 900px;margin: 20px auto;}
.sdp-title {font-size: 22px;font-weight: 700;margin-bottom: 20px;}
.sdp-order-item {background: var(--sdp-bg);border: 1px solid var(--sdp-border);border-radius: var(--sdp-radius);margin-bottom: 16px;transition: all 0.2s ease;}
.sdp-order-item:hover {box-shadow: var(--sdp-shadow);}
.sdp-order-toggle {padding: 16px 20px;display: grid;justify-content: space-between;align-items: center;cursor: pointer;user-select: none; grid-template-columns: 1fr 1fr;}
.sdp-info-main {display: flex;flex-direction: row;gap: 4px;}
.service-type {font-weight: 600;font-size: 16px;}
.order-id {font-size: 13px;background: #f1f5f9;padding: 2px 8px;border-radius: 4px;width: fit-content;color: #0F2139;}
.sdp-info-meta {display: flex;align-items: center;gap: 20px;justify-content: right;}
.order-date {font-size: 14px;}
.toggle-arrow {transition: transform 0.3s ease;}
.active .toggle-arrow {transform: rotate(180deg);}
.sdp-order-details {display: none; border-top: 1px solid var(--sdp-border);background: #fafafa;}
.details-inner {padding: 20px;}
.sdp-doc-row {display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 12px 16px;border-radius: 8px;border: 1px solid var(--sdp-border);margin-bottom: 10px;}
.sdp-doc-info {display: flex;align-items: center;gap: 12px;}
.sdp-doc-icon {font-size: 20px;}
.sdp-doc-name {display: flex;flex-direction: column;}
.sdp-status-pill {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;padding: 2px 0px;border-radius: 4px;width: fit-content;margin-top: 4px;}
.sdp-status-pill.ready {color: #166534;}
.sdp-doc-actions {display: flex;gap: 8px;}
.sdp-btn {text-decoration: none;font-size: 13px;font-weight: 600;padding: 8px 16px;border-radius: 6px;transition: all 0.2s;}
.sdp-documents-wrapper .sdp-pagination {margin-top: 20px;display: flex;justify-content: center;gap: 10px;}
.sdp-header { display:flex; justify-content:space-between;}
.sdp-header input {padding:8px 10px; outline:none;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.3);}
.sdp-input-group {display:flex;flex-direction:column;}
a.sdp-page-link:not(.active) {opacity:0.7;}
a.sdp-page-link.active {pointer-events: none;}
.sdp-order-item { border: 1px solid #e5e5e5; margin-bottom: 15px; border-radius: 4px; overflow: hidden; }
.sdp-order-toggle { padding: 12px 15px; background: #f8f8f8; cursor: pointer; display: grid; justify-content: space-between; align-items: center; font-weight: 600; grid-template-columns: 1fr 1fr; }
.sdp-order-toggle:hover { background: #f0f0f0; }
.sdp-order-details { background: #fff; border-top: 1px solid #e5e5e5; }
.details-inner { padding: 15px; }
.toggle-arrow { transition: transform 0.3s ease; font-size: 12px; }
.sdp-order-item.active .toggle-arrow { transform: rotate(180deg); }
.service-type { color: #111; }
@media (max-width: 767px) {
    .sdp-order-toggle {flex-direction:column;align-items : start !important;gap : 7px;} 
    .sdp-info-meta {width: 100%;justify-content: right;}
    .sdp-btn {flex: 1;text-align: center;
    }
}

@media(max-width:425px){
    .sdp-order-toggle {grid-template-columns: 1fr;}
    .sdp-info-meta{justify-content:start;}
    .sdp-info-meta {width: 100%;justify-content: space-between;}
}
.sdp-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.sdp-title { font-size: 24px; font-weight: 600; margin: 0; color: #1e293b; }
.sdp-search-wrapper { display: flex; align-items: center; }
.sdp-input-group { position: relative; display: flex; flex-direction: column; }
.sdp-input-group input { padding: 8px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px; outline: none; transition: border-color 0.2s, box-shadow 0.2s; width: 220px; }
.sdp-input-group input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
.description { font-size: 15px; color: #475569; margin-bottom: 24px; line-height: 1.6; max-width: 800px; }
.documents-filter { display: flex; gap: 20px; margin-bottom: 24px; border-bottom: 1px solid #e2e8f0; padding-bottom: 12px; }
.documents-filter a { text-decoration: none; color: #64748b; font-weight: 500; font-size: 15px; padding: 4px 8px; cursor: pointer; transition: color 0.2s; position: relative; }
.documents-filter a:hover { color: #0f172a; }
.documents-filter a.active::after { content: ''; position: absolute; bottom: -13px; left: 0; width: 100%; height: 2px; background: #0F2139; border-radius: 2px 2px 0 0; }
.sdp-documents-wrapper { display: flex; flex-direction: column; gap: 16px; }
.sdp-order-item { border: 1px solid #e2e8f0; border-radius: 8px; background: #ffffff; overflow: hidden; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s; }
.sdp-order-item:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.sdp-order-toggle { padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background: #f8fafc; transition: background 0.2s; user-select: none; }
.sdp-order-toggle:hover { background: #f1f5f9; }
.sdp-info-main { display: flex; align-items: center; gap: 12px; }
.order-id a { font-size: 16px; font-weight: 600; color: #0f172a; text-decoration: none; transition: color 0.2s; }
.order-id a:hover { color: #2563eb; }
.sdp-info-meta { display: flex; align-items: center; }
.toggle-arrow { transition: transform 0.3s ease; color: #94a3b8; display: flex; align-items: center; justify-content: center; }
.sdp-order-item.active .toggle-arrow { transform: rotate(180deg); }
.sdp-order-details { display: none; border-top: 1px solid #e2e8f0; padding: 24px; background: #ffffff; }
.details-inner { display: flex; flex-direction: column; }
.swiper { width: 100%; height: 100%; }
.sdp-recipient-tabs-swiper { position: relative; overflow: hidden; padding-bottom: 4px !important; margin-bottom: 24px !important; border-bottom: 1px solid #e2e8f0; }
.swiper-wrapper { display: flex; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.recipient-tab { background: transparent; border: 1px solid transparent; padding: 8px 16px; font-size: 14px; font-weight: 500; color: #64748b; cursor: pointer; border-radius: 6px; transition: all 0.2s; white-space: nowrap; outline: none; margin-bottom: -1px; }
.recipient-tab:hover { background: #f8fafc; color: #334155; }
.recipient-tab.active { background: #f1f5f9; color: #0f172a; border-color: #e2e8f0; border-bottom-color: #f1f5f9; }
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #475569; background: #ffffff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; transition: color 0.2s, border-color 0.2s; }
.swiper-button-prev:hover, .swiper-button-next:hover { color: #0f172a; border-color: #cbd5e1; }
.swiper-button-prev { left: 4px; right: auto; }
.swiper-button-next { right: 4px; left: auto; }
.recipient-content { display: none; animation: fadeIn 0.3s ease; }
.recipient-content.active { display: block; }
.sdp-doc-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border: 1px solid #f1f5f9; border-radius: 6px; margin-bottom: 8px; transition: background 0.2s, border-color 0.2s; background: #ffffff; }
.sdp-doc-row:last-child { margin-bottom: 0; }
.sdp-doc-row:hover { background: #f8fafc; border-color: #e2e8f0; }
.sdp-doc-info { display: flex; align-items: center; gap: 14px; }
.sdp-doc-icon { font-size: 22px; display: flex; align-items: center; justify-content: center; background: #f1f5f9; padding: 10px; border-radius: 8px; }
.sdp-doc-name { font-size: 14px; font-weight: 500; color: #1e293b; }
.sdp-doc-actions { display: flex; gap: 10px; }
.sdp-btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; font-size: 13px; font-weight: 500; text-align: center; text-decoration: none; border-radius: 6px; cursor: pointer; transition: all 0.2s; border: 1px solid transparent; }
.btn-secondary { background: #ffffff; color: #475569; border-color: #cbd5e1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.btn-secondary:hover { background: #f8fafc; color: #1e293b; border-color: #94a3b8; }
.btn-primary {box-shadow: 0 1px 2px 0 rgba(37, 99, 235, 0.1); background: #0F2139; color: white !important; }
.sdp-no-attachments { text-align: center; color: #64748b; font-style: italic; background: #f8fafc; border-radius: 8px; border: 1px dashed #cbd5e1; padding: 32px 16px !important; }
.sdp-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 32px; }
.sdp-page-link { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 6px; background: #ffffff; border: 1px solid #e2e8f0; color: #475569; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.2s; }
.sdp-page-link:hover { background: #f8fafc; color: #0f172a; border-color: #cbd5e1; }
.sdp-page-link.active { background: #2563eb; color: #ffffff; border-color: #2563eb; }

a.sdp-page-link.active {background: #0F2139; color: white; border: 1px solid #0F2139; }
a.sdp-page-link {color: black; border: 1px solid #0F2139; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
button.recipient-tab.active, .sdp-btn btn-primary { background: #0F2139; color: white;  }
button.recipient-tab {border-radius: 33px;margin-bottom: 15px;}
.sdp-order-details {padding: 5px !important;}
/* My Accounts - My Documents Section Styles */

/* Dashboard - My Accounts Section Styles */

.case-portal-wrapper { font-family: 'Inter', sans-serif; color: #1e293b; }
table.case-portal-table a {cursor: pointer;}
.case-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 25px; }
.stat-card { background: #fff; border: 1px solid #e2e8f0; padding: 20px; border-radius: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); border-left: 4px solid #0F2139; }
.stat-card.highlight { border-left: 4px solid #2563eb; }
.stat-label { display: block; font-size: 13px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }
.stat-value { font-size: 24px; font-weight: 700; color: #0f172a; }
.stat-value.date { font-size: 16px; }
.stat-card{ transition : 0.3s all ease; cursor : pointer;}
.stat-card:hover {background-color: #f0f0f0; box-shadow: var(--sdp-shadow)}
.case-recent-alert { background: #f0f7ff; border: 1px solid #bae6fd; padding: 15px; border-radius: 8px; display: flex; align-items: center; gap: 12px; margin-bottom: 25px; }
.case-table-wrapper { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; margin-bottom: 20px; }
.case-portal-table { width: 100%; border-collapse: collapse; text-align: left; }
.case-portal-table th { background: #f8fafc; padding: 15px; font-size: 13px; color: #64748b; border-bottom: 1px solid #e2e8f0; }
.case-portal-table td { padding: 15px; border-bottom: 1px solid #f1f5f9; font-size: 14px; }
.status-pill { padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.status-pill { background: #0F2139; color: white; }            
.service-type, .sdp-doc-name, .sdp-doc-actions a{font-size: 15px;font-weight: 600;}
table.case-portal-table thead th {font-weight: 600;}
a.case-page-link:not(.active) {opacity:0.7;}
.case-pagination-wrapper .case-pagination{margin-top:20px;display:flex;justify-content:center;gap:10px;}
.search-input-wrapper input#case-search, .search-input-wrapper select.sdp-sm-status-filter {outline:none;}
.case-filters-bar input#case-search, .case-filters-bar select#sdp-sm-status-filter {padding: 7px;outline: none;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px;}
.case-table-actions .dashicons {text-decoration: none;}
@media(max-width:425px){
    .case-filters-bar{flex-direction:column;}
    .case-filters-bar select#sdp-sm-status-filter {width:100%;}
    .case-filters-bar input#case-search{width:96%}
}
@media (max-width:470px){
    .sdp-header{flex-direction : column;}
    .sdp-title{margin-bottom:15px !important;}
    .sdp-doc-actions a{padding-left: 10px;padding-right: 10px;}
    .details-inner{padding:10px;}
    .sdp-doc-row {padding: 12px 3px; align-items: center;}
}
@media (max-width:375px){.sdp-doc-name {max-width: 50px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block; }}
@media (max-width: 768px) {
    .case-stats-grid { grid-template-columns: 1fr; }
    .case-portal-table thead { display: none; }
    .case-portal-table td { display: block; padding: 10px 15px; text-align: left; border: none; }
    .case-portal-table td::before { content: attr(data-label); float: left; font-weight: 600; color: #64748b; }
    .case-portal-table tr { border-bottom: 1px solid #e2e8f0; display: block; padding: 10px 0; }
    .woocommerce-account .woocommerce-MyAccount-navigation{width:100% !important;}
    .woocommerce-account .woocommerce-MyAccount-content{width:100% !important;}
    .sdp-header{margin-top: 50px !important;}
     .sdp-order-toggle{flex-direction : row;}
    .sdp-info-meta{justify-content: space-between;margin: auto 0px;}
    .case-filters-bar{flex-direction: column;}
    .case-filters-bar input#case-search, .case-filters-bar select#sdp-sm-status-filter {width: 100%;}
}

.case-stats-grid .stat-card.active.selected, .case-stats-grid .stat-card.completed.selected{
    background-color: #f0f0f0;
    box-shadow: var(--sdp-shadow);
}

/* Dashboard - My Accounts Section Styles */

/* Timeline CSS */ 

.timeline-container {--primary-red: #0F2139;--light-bg: #fdfdfd;--track-color: #e0e0e0;--text-main: #333;--text-muted: #777;--progress-blue: #0F2139;--track-grey: #e0e0e0;}
.timeline-container {font-family: 'Segoe UI', Roboto, sans-serif;max-width: 900px;margin: 20px auto;padding: 20px;}
.timeline-card {display: flex;background: white;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);overflow: hidden;margin-bottom: 20px;transition: opacity 0.3s ease;min-height: 220px;}
.card-content {flex: 1;padding: 40px; text-align: start;}
.card-day {color: var(--primary-red);font-size: 0.8rem;font-weight: bold;text-transform: uppercase;}
.card-title {margin: 10px 0;font-size: 1.8rem;color: var(--text-main);}
.card-desc {color: var(--text-muted);line-height: 1.6; margin-bottom: 10px;}
.display-note{color: var(--text-muted); line-height: 1.6;font-weight: 600;}
.card-image img {width: 300px;height: 100%;object-fit: cover;}
.timeline-track-wrapper {position: relative;padding: 40px 0;margin: 0 40px; }
.timeline-line {position: absolute;top: 50px; left: 0;right: 0;height: 4px;background: var(--track-grey);z-index: 1;}
.timeline-progress-fill {position: absolute;top: 50px;left: 0;width: 0%; height: 4px;background: var(--progress-blue);z-index: 2;transition: width 0.6s ease-in-out; }
.timeline-dots {position: relative;z-index: 2;display: flex;justify-content: space-between;list-style: none;padding: 0;margin: 0;}
.dot-item {text-align: center;cursor: pointer;flex: 1;}
.dot {width: 16px;height: 16px;background: var(--track-color);border-radius: 50%;margin: 0 auto 15px;transition: all 0.3s ease;border: 3px solid white;}
.dot-item:hover .dot {background: #bbb;}
.dot-item.active .dot {background: var(--primary-red);transform: scale(1.3);box-shadow: 0 0 10px #0F213966;}
.dot-label strong {display: block;font-size: 0.9rem;color: var(--text-main);}
.dot-label span {font-size: 0.8rem;color: var(--text-muted);}
.dot-item.completed .dot {background: var(--progress-blue);border-color: white;transition: background 0.4s ease;}
.dot-item.active .dot-label strong {color: var(--primary-red);}
.dot-item.locked .dot.bounce {animation: horizontal-bounce 0.4s ease;}
.recipient-section {display: flex;align-items: center;gap: 10px;width: 100%;overflow: hidden; }
.recipient-swiper {flex-grow: 1;overflow: hidden;position: relative;}
.swiper-slide {width: auto !important; }
.swiper-button-disabled {opacity: 0.3;cursor: not-allowed;}
.recipient-section {padding: 10px 0;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.recipient-chip {display: inline-block;padding: 8px 18px;background-color: #f1f1f1;color: #444;border: 1px solid #ddd;border-radius: 20px; font-size: 13px;font-weight: 500;cursor: pointer;white-space: nowrap; transition: all 0.2s ease-in-out;outline: none;box-shadow: none;}
.recipient-chip:hover {background-color: #e9e9e9;border-color: #ccc;color: #000;}
.recipient-chip.active {background-color: var(--primary-red);color: #fff;border-color: var(--primary-red);box-shadow: 0 2px 4px rgba(0, 124, 186, 0.2);}
.swiper-button-prev-custom,
.swiper-button-next-custom {background: #fff;border: 1px solid #ccc;color: #555;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: 0.2s;flex-shrink: 0; }
.swiper-button-prev-custom:hover,
.swiper-button-next-custom:hover {background: #f0f0f0;border-color: #999;color: #000;}
.swiper-button-disabled {opacity: 0.3;cursor: not-allowed !important;}
.recipient-section .dashicons {font-size: 18px;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
@keyframes horizontal-bounce {0%   { transform: translateX(0); } 20%  { transform: translateX(-8px); } 40%  { transform: translateX(8px); } 60%  { transform: translateX(-6px); }
 80%  { transform: translateX(6px); } 100% { transform: translateX(0); }}
@media(max-width:767px){.timeline-container{padding:0px;}.timeline-track-wrapper {margin: 0px 10px} .timeline-card{margin-bottom:10px}}

/* Timeline CSS */ 


/* Custom Jquery My accounts Modal Styles*/
#sdp-modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.55);backdrop-filter: blur(1px);display: none;align-items: center;justify-content: center;z-index: 999999;}
.sdp-modal-box {background: #fff;padding: 40px;border-radius: 15px;width: 90%;text-align: center;transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow-y: auto;}
.sdp-modal-box:hover {background-color: #f0f0f0;box-shadow: var(--sdp-shadow);}
.sdp-modal-icon {font-size: 50px;margin-bottom: 15px;line-height: 1;}
.sdp-modal-title {font-size: 22px;font-weight: 700;margin-bottom: 10px;color: #222;}
.sdp-modal-text {font-size: 15px;color: #555;margin-bottom: 25px;line-height: 1.5;overflow-y: auto;max-height: calc(90vh - 160px);}
.sdp-type-alert .sdp-modal-icon {color: #d63031;}
.sdp-type-confirm .sdp-modal-icon {color: #f39c12;}
.sdp-type-info .sdp-modal-icon {color: #0984e3;}
.sdp-modal-footer {display: flex;gap: 12px;justify-content: center;}
.sdp-modal-btn {padding: 12px 24px;border-radius: 8px;border: none;font-weight: 600;cursor: pointer;transition: 0.2s;}
.btn-confirm {background: #0F2139;color: #fff;}
.btn-confirm:hover {opacity: 0.8;}
.btn-cancel {background: #eee;color: #444;}
.sdp-modal-box {max-height: 90vh;overflow: hidden;display: flex;flex-direction: column;}
.sdp-modal-text {overflow-y: auto;max-height: calc(90vh - 160px);}
.sdp-size-small {width: 400px;}
.sdp-size-medium {width: 600px;}
.sdp-size-large {width: 900px;}
.sdp-size-fullscreen {width: 95vw;height: 95vh;}
.sdp-size-fullscreen .sdp-modal-text {max-height: none;}
@media (max-width: 480px) {
	.sdp-modal-box {padding: 30px 20px;width: 95%;margin: 10px;}
	.sdp-modal-title {font-size: 18px;}
	.sdp-modal-text {font-size: 14px;}
	.sdp-modal-footer {flex-direction: column-reverse;gap: 10px;}
}
@media (max-height: 500px) {
	.sdp-modal-box {padding: 20px;max-height: 90vh;overflow-y: auto;}
	.sdp-modal-icon {font-size: 30px;margin-bottom: 5px;}
}
@media (max-width: 1024px) {
	.sdp-size-large {width: 90%;max-width: 700px;margin: 20px;}
	.sdp-size-medium {width: 85%;max-width: 600px;}
}
/* Custom Jquery My accounts Modal Styles*/