/* 
 * Close Hitchcock LLC - Recreating Original Approved Layout
 * Dark sidebar with overlaid text on image (from screenshots)
 */

/* =================================================================
   AREAS OF PRACTICE - DARK SIDEBAR LAYOUT (ORIGINAL)
   ================================================================= */

.wpo-service-section {
    padding: 24px 0 !important;
}

/* Left sidebar - dark navy with white text */
.wpo-service-section .service-thumbs,
.services-section .service-thumbs,
.service-thumbs.col {
    background: #1a2844 !important;
    padding: 0 !important;
    max-height: 580px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
}

.service-thumbs-outer {
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
    flex: 1 !important;
}

.wpo-service-section .service-thumb,
.services-section .service-thumb {
    padding: 6px 16px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    cursor: pointer;
    transition: background 0.2s ease;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
}

.wpo-service-section .service-thumb:hover,
.services-section .service-thumb:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

.wpo-service-section .service-thumb.active-thumb,
.services-section .service-thumb.active-thumb {
    background: rgba(227, 181, 118, 0.15) !important;
    border-left: 3px solid #e3b576 !important;
}

.wpo-service-section .service-thumb p,
.services-section .service-thumb p {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #fff !important;
    line-height: 1.3 !important;
}

/* Right side - image with text overlay */
.service-data {
    display: none;
}

.service-data.active-service-data {
    display: block;
}

.service-data-img {
    position: relative;
    height: 580px;
    overflow: hidden;
}

.service-data-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Gradient overlay on image */
.service-data-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(11, 22, 48, 0.95) 0%, rgba(11, 22, 48, 0.7) 40%, transparent 100%);
    z-index: 1;
}

/* Text overlaid on image */
.service-data-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 50px 50px;
    z-index: 2;
}

.service-data-text h3 {
    margin: 0 0 16px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.service-data-text h3 a {
    color: #fff;
    text-decoration: none;
}

.service-data-text h3 a:hover {
    color: #e3b576;
}

.service-data-text p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #fff;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.service-data-text p a {
    color: #e3b576;
    font-weight: 600;
    text-decoration: none;
}

.service-data-text p a:hover {
    text-decoration: underline;
}

/* Hide the rollover tip */
.service-rollover-tip {
    display: none !important;
}

/* =================================================================
   TESTIMONIALS - COMPACT
   ================================================================= */

.wpo-testimonials-section {
    padding: 4px 0 !important;
    height: 360px !important; /* tighter desktop height */
    display: flex;
    align-items: center;
    overflow: hidden; /* prevent spill pushing next section */
}
/* Increase selector specificity to override global .section-padding */
.wpo-testimonials-section.section-padding { padding: 0 !important; }

.wpo-testimonials-section .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.wpo-testimonials-section .wpo-section-title {
    margin-bottom: 8px !important;
}

/* Adjust testimonial height on smaller screens */
@media (max-width: 991px) {
  .wpo-testimonials-section { height: 300px !important; }
}
@media (max-width: 767px) {
  .wpo-testimonials-section { height: 240px !important; }
}

/* Tighten inner spacing */
.wpo-testimonials-section .t-left,
.wpo-testimonials-section .t-right { padding-top: 8px !important; padding-bottom: 8px !important; }
.wpo-testimonials-section .t-row { align-items: center !important; }

/* Trim pagination spacing further */
.wpo-testimonials-section .swiper-pagination { margin-top: 0 !important; }

/* =================================================================
   Attorney Profile Content – Tighter WYSIWYG spacing
   ================================================================= */
.attorney-areas { margin: 0 0 10px 18px !important; padding: 0 !important; }
.attorney-areas li { margin: 2px 0 !important; }

.attorney-pg-area .exprience-wrap h1,
.attorney-pg-area .exprience-wrap h2,
.attorney-pg-area .exprience-wrap h3,
.attorney-pg-area .exprience-wrap h4 { margin: 14px 0 8px !important; }
.attorney-pg-area .exprience-wrap p { margin: 0 0 10px !important; line-height: 1.6 !important; }
.attorney-pg-area .exprience-wrap ul,
.attorney-pg-area .exprience-wrap ol { margin: 0 0 12px 20px !important; }
.attorney-pg-area .exprience-wrap li { margin: 2px 0 !important; }
.attorney-pg-area .exprience-wrap p:empty { display: none !important; }

.wpo-testimonials-section .wpo-section-title h2 {
    margin-bottom: 4px !important;
    font-size: 28px !important;
}

.wpo-testimonials-section .wpo-section-title p {
    margin: 0 !important;
    font-size: 13px !important;
}

.wpo-testimonial-wrap {
    padding: 0 !important;
    margin: 0 !important;
}

.wpo-testimonial-item {
    padding: 14px 24px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.22) !important;
    backdrop-filter: blur(4px) saturate(1.1);
    -webkit-backdrop-filter: blur(4px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    max-width: 650px !important;
    margin: 0 auto !important;
}

.wpo-testimonial-item p {
    margin: 0 0 6px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #1a2433 !important;
}

.wpo-testimonial-info {
    margin: 0 !important;
}

.wpo-testimonial-info-text h5 {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.wpo-testimonials-section .swiper-pagination {
    position: static !important;
    margin-top: 12px !important;
}

/* =================================================================
   GLOBAL SPACING
   ================================================================= */

.section-padding {
    padding: 40px 0 !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .service-data-img {
        height: 300px;
    }
    
    .service-data-text {
        padding: 20px;
    }
    
    .service-data-text h3 {
        font-size: 24px;
    }
    
    .service-data-text p {
        font-size: 14px;
    }
}

/* Version: 4.0 - Original dark sidebar layout restored */
/* Last Updated: November 4, 2025 - Matching approved screenshots */

/* =================================================================
   Team (Featured) - Uniform Headshots
   - Keep all featured team images same size
   - Cover crop with top-center focus to avoid cutting off heads
   ================================================================= */
.wpo-team-section .team-photo {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f2f2f2;
}

.wpo-team-section .team-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}