/* 
 * Proderma Luxury Ecosystem - Single Doctor Profile Styles (Figma Native High Fidelity)
 */

.pd-single-doctor-v2 {
    background: transparent !important; /* No gradient */
    padding-bottom: 120px !important;
    overflow-x: hidden !important;
}

/* Force full width on theme containers if possible */
.pd-singular-doctor .content-area, 
.pd-singular-doctor .site-main,
.pd-singular-doctor .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pd-profile-container {
    max-width: 1285px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Breadcrumbs */
.pd-profile-breadcrumbs {
    padding: 60px 0 40px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    color: #5A5A5A !important;
    padding-left: 35px !important;
}

.pd-profile-breadcrumbs a {
    color: #AFC4A2 !important;
    text-decoration: none !important;
}

/* Hero Main Card (Rectangle 541) */
.pd-profile-main-card {
    display: flex !important;
    background: #FFFFFF !important;
    border: 1px solid #AFC4A2 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    width: 1285px !important;
    min-height: 507px !important;
    margin: 0 auto 100px !important;
    box-sizing: border-box !important;
}

/* Left side (Rectangle 540) */
.pd-profile-info-side {
    flex: 0 0 630px !important;
    background: #FFFFFF !important; /* White instead of beige */
    padding: 80px 60px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

.pd-profile-badge-row {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 30px !important;
}

.pd-profile-type-badge, .pd-profile-langs-badge {
    border: 1px solid #AFC4A2 !important;
    border-radius: 2px !important;
    padding: 6px 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    color: #1E1E1E !important;
    background: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.pd-profile-name-v2 {
    font-family: 'Noto Serif SC', serif !important;
    font-size: 48px !important;
    font-weight: 600 !important;
    line-height: 100% !important;
    color: #1E1E1E !important;
    margin: 0 0 20px 0 !important;
}

.pd-profile-title-v2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 23px !important;
    color: #1E1E1E !important;
    margin-bottom: 8px !important;
}

.pd-profile-exp-v2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: #1E1E1E !important;
    margin-bottom: 30px !important;
}

.pd-profile-sep {
    border: none !important;
    height: 1px !important;
    background: #AFC4A2 !important;
    width: 583px !important; /* Vector 195 */
    margin: 0 0 40px 0 !important;
}

.pd-profile-spec-tags {
    display: flex !important;
    gap: 6px !important;
    margin-bottom: 50px !important;
}

.pd-spec-tag-v2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: #5A5A5A !important;
    border-bottom: 1px solid #AFC4A2 !important;
    border-left: 1px solid #AFC4A2 !important;
    padding: 1px 12px 4px !important;
    background: transparent !important;
}

.pd-profile-cta-v2 {
    margin-top: auto !important;
}

.pd-profile-book-btn {
    display: inline-flex !important;
    background: #AFC4A2 !important;
    color: #FFFFFF !important;
    padding: 17px 55px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 19px !important;
    transition: all 0.3s ease !important;
}

.pd-profile-book-btn:hover {
    background: #9eb092 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(175, 196, 162, 0.4);
}

/* Right side image wrap */
.pd-profile-image-side {
    flex: 1 !important;
    background: #FFFFFF !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 40px !important;
}

.pd-profile-img-v2 {
    width: 357px !important; /* Exact Figma width */
    height: 394px !important; /* Exact Figma height */
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Testimonial (Quote block) */
.pd-profile-testimonial {
    padding: 120px 0 !important;
    position: relative !important;
}

.pd-testimonial-container {
    max-width: 1000px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}



.pd-quote-mark {
    font-family: 'Noto Serif SC', serif !important;
    font-size: 110px !important;
    line-height: 1 !important;
    color: #AFC4A2 !important;
    width: auto !important;
    height: auto !important;
    opacity: 0.3 !important;
}

.pd-quote-mark.start {
    margin-right: 20px !important;
}

.pd-quote-mark.end {
    margin-left: 20px !important;
}

.pd-testimonial-body {
    flex: 1 !important;
    padding: 0 40px !important;
    text-align: center !important;
}

.pd-testimonial-text {
    font-family: 'Open Sans', sans-serif !important;
    font-style: italic !important;
    font-size: 16px !important;
    line-height: 130% !important;
    color: #1E1E1E !important;
    margin-bottom: 12px !important;
}

.pd-testimonial-author {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-style: italic !important;
    font-size: 16px !important;
    line-height: 130% !important;
    color: #AFC4A2 !important;
}

/* Details Grid */
.pd-profile-details-grid {
    padding-bottom: 120px !important;
}

.pd-details-row-v2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 100px !important;
    padding: 0 60px !important;
}

.pd-details-heading {
    font-family: 'Noto Serif SC', serif !important;
    font-size: 42px !important;
    font-weight: 600 !important;
    line-height: 112% !important;
    color: #1E1E1E !important;
    margin-bottom: 40px !important;
}

.pd-details-list {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 130% !important;
    color: #1E1E1E !important;
}

.pd-details-list p, .pd-details-list li {
    margin-bottom: 20px !important;
    position: relative !important;
    padding-left: 60px !important; 
    display: block !important; /* Force vertical */
    text-align: left !important;
}

.pd-details-list ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Vector decorator line (Vector 196-202) */
.pd-details-list p::before, .pd-details-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    width: 44.5px !important;
    height: 1px !important;
    background: #AFC4A2 !important;
}

/* Footer CTA */
.pd-profile-footer-cta {
    padding: 100px 0 !important;
    text-align: center !important;
    background: #FFFFFF !important;
    position: relative !important;
}

.pd-profile-footer-cta::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='200' viewBox='0 0 1440 200' fill='none'%3E%3Cpath d='M0 100C300 50 600 150 900 100C1200 50 1440 100 1440 100V200H0V100Z' fill='%23AFC4A2' fill-opacity='0.1'/%3E%3Cpath d='M0 120C400 80 800 160 1200 120C1300 110 1440 120 1440 120V200H0V120Z' fill='%23AFC4A2' fill-opacity='0.05'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: cover !important;
    opacity: 0.1;
    z-index: 0;
}

.pd-footer-cta-title {
    position: relative;
    z-index: 1;
    font-family: 'Noto Serif SC', serif !important;
    font-size: 42px !important;
    font-weight: 600 !important;
    line-height: 112% !important;
    margin-bottom: 24px !important;
}

.pd-footer-cta-desc {
    position: relative;
    z-index: 1;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 130% !important;
    max-width: 755px !important;
    margin: 0 auto 40px !important;
}

.pd-footer-book-btn {
    position: relative;
    z-index: 1;
    display: inline-flex !important;
    background: #AFC4A2 !important;
    color: #FFFFFF !important;
    padding: 17px 55px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    transition: all 0.3s ease !important;
}

.pd-footer-book-btn:hover {
    background: #9eb092 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(175, 196, 162, 0.4);
}

/* Other Doctors */
.pd-profile-other-docs {
    padding: 120px 0 !important;
}

.pd-other-docs-title {
    font-family: 'Noto Serif SC', serif !important;
    font-size: 42px !important;
    font-weight: 600 !important;
    line-height: 112% !important;
    margin-bottom: 80px !important;
    padding-left: 35px !important;
}

.pd-other-docs-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
    margin-bottom: 80px !important;
    padding: 0 35px !important;
}

/* Separators for other doctors (Vector 37, 205, 207) */
.pd-other-docs-grid .pd-doc-card-v2::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 282px;
    height: 1px;
    border-top: 1px solid #AFC4A2;
}

.pd-profile-view-all {
    text-align: center !important;
}

.pd-view-all-docs-link {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #1E1E1E !important;
    text-decoration: none !important;
}

/* Responsive Overrides */
@media (max-width: 1300px) {
    .pd-profile-container, .pd-profile-main-card { width: 95% !important; }
    .pd-profile-info-side { flex: 0 0 50% !important; }
    .pd-profile-sep { width: 100% !important; }
}

@media (max-width: 991px) {
    .pd-profile-main-card { flex-direction: column !important; min-height: auto !important; }
    .pd-profile-info-side { flex: none !important; width: 100% !important; padding: 30px 20px !important; }
    .pd-profile-image-side { padding: 20px !important; display: flex !important; justify-content: center !important; }
    .pd-profile-img-v2 { width: 100% !important; max-width: 320px !important; height: auto !important; }
    
    .pd-profile-name-v2 { font-size: 28px !important; margin-bottom: 10px !important; line-height: 1.2 !important; }
    .pd-profile-title-v2 { font-size: 14px !important; margin-bottom: 8px !important; }
    .pd-profile-exp-v2 { font-size: 12px !important; margin-bottom: 15px !important; }
    .pd-profile-sep { width: 100% !important; margin: 15px 0 !important; }
    
    .pd-profile-testimonial { padding: 60px 20px !important; }
    .pd-testimonial-text { font-size: 14px !important; }
    .pd-quote-mark { font-size: 60px !important; }
    
    .pd-details-row-v2 { grid-template-columns: 1fr !important; gap: 40px !important; padding: 0 20px !important; }
    .pd-details-heading { font-size: 22px !important; margin-bottom: 20px !important; }
    .pd-details-list p, .pd-details-list li { padding-left: 50px !important; font-size: 14px !important; }
    
    .pd-other-docs-grid { grid-template-columns: 1fr !important; padding: 0 20px !important; gap: 60px !important; }
    .pd-profile-view-all { padding-bottom: 40px !important; }
    
    .pd-footer-cta-title { font-size: 24px !important; }
    .pd-footer-cta-desc { font-size: 14px !important; }
}