/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
Description: Child theme for Law Offices of Diane T. Letarte – replicates dianeletarte.com design
Author: WisdmLabs
*/

/* Global body background */
body {
    background-color: #1E0F14 !important;
}

/* =============================================
   BOTH SIDEBARS 3-COLUMN LAYOUT
   Default: 196px left | fluid center | 196px right | 901px total
   Per-page exact overrides in PER-PAGE SIDEBAR WIDTHS section below
   ============================================= */

/* Content area container – 901px default, no margin */
body.diane-both-sidebars .site-content > .ast-container {
    width: 901px !important;
    max-width: 901px !important;
    margin: 0 !important;
}

/* Make #page a flex row — stretch so all columns match the tallest */
body.diane-both-sidebars #page .site-content > .ast-container,
body.diane-both-sidebars .site-content > .ast-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
}

/* Left sidebar (#secondary) */
body.diane-both-sidebars #secondary.widget-area {
    flex: 0 0 196px !important;
    width: 196px !important;
    min-width: 196px !important;
    max-width: 196px !important;
    order: 1 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* Override Astra's generated padding for left sidebar */
body.diane-both-sidebars.ast-left-sidebar #secondary,
body.diane-both-sidebars #secondary {
    padding: 0 8px !important;
    width: 196px !important;
    flex: 0 0 196px !important;
    flex-shrink: 0 !important;
    flex-basis: 196px !important;
}

/* Primary content area */
body.diane-both-sidebars #primary.content-area {
    flex: 1 1 auto !important;
    max-width: none !important;
    order: 2 !important;
}

/* Remove Astra's 4em top margin on #primary and #secondary in three-column layout */
body.diane-both-sidebars #primary.content-area,
body.diane-both-sidebars #secondary.widget-area {
    margin-top: 0 !important;
}

/* Right sidebar */
body.diane-both-sidebars .diane-right-sidebar {
    flex: 0 0 196px !important;
    width: 196px !important;
    min-width: 196px !important;
    order: 3 !important;
    padding: 0 8px !important;
}

/* Widget border styles from live site */
body.diane-both-sidebars #secondary .widget,
body.diane-both-sidebars .diane-right-sidebar .widget {
    border-bottom: 5px solid #8598a9;
    padding: 12px;
    font-size: 13px;
}

/* Right sidebar search bar */
.diane-right-sidebar .diane-search-widget {
    padding: 8px 8px 10px !important;
    border-bottom: 5px solid #8598a9 !important;
}

.diane-right-sidebar .diane-search-widget .search-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 6px !important;
}

/* Hide label visually (kept for accessibility) */
.diane-right-sidebar .diane-search-widget .search-form label {
    display: none !important;
}

/* White input field — full width, rounded corners */
.diane-right-sidebar .diane-search-widget .search-field {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    font-size: 13px !important;
    font-family: Arial, sans-serif !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #aaaaaa !important;
    border-radius: 10px !important;
    outline: none !important;
}

/* Search button — right-aligned */
.diane-right-sidebar .diane-search-widget .search-submit {
    padding: 2px 12px !important;
    font-size: 13px !important;
    font-family: Arial, sans-serif !important;
    background-color: #ececec !important;
    color: #000000 !important;
    border: 1px solid #aaaaaa !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: auto !important;
    align-self: flex-end !important;
}

.diane-right-sidebar .diane-search-widget .search-submit:hover {
    background-color: #d4d4d4 !important;
}

/* =============================================
   HIDE ENTRY TITLE ON HOME PAGE
   ============================================= */
.page-id-77 .entry-header,
.page-id-77 .entry-title {
    display: none !important;
}

/* Left sidebar link font size - fit in 170px */
body.diane-both-sidebars #secondary .linksubheading,
body.diane-both-sidebars #secondary .widget h2.linksubheading {
    font-size: 12px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
}

/* =============================================
   LEGAL SERVICES & PRISON PAGE (page-id-95)
   Matched to: dianeletarte.com/legal-services-available
   Colors from live site inspection:
     #2ead43  = rgb(46,173,67)  — heading green
     #1f561c  = rgb(31,86,28)   — link / strong dark green
     #253342  = rgb(37,51,66)   — body text
   ============================================= */

/* 1. Outer page background: white (live body = white) */
body.page-id-95 {
    background-color: #1E0F14 !important;
}

/* 2. Page title h1 */
body.page-id-95 .entry-title {
    color: #2ead43 !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

/* 3. Content headings h1–h6 */
body.page-id-95 .entry-content h1,
body.page-id-95 .entry-content h2,
body.page-id-95 .entry-content h3,
body.page-id-95 .entry-content h4,
body.page-id-95 .entry-content h5,
body.page-id-95 .entry-content h6 {
    color: #2ead43 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 5px !important;
}

/* 4. WooCommerce product / category titles */
body.page-id-95 .woocommerce-loop-product__title,
body.page-id-95 .woocommerce-loop-category__title {
    color: #1f561c !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

/* 5. All links in content — dark green */
body.page-id-95 .entry-content a,
body.page-id-95 .entry-content a:link,
body.page-id-95 .entry-content a:visited,
body.page-id-95 .woocommerce ul.products li.product a {
    color: #1f561c !important;
    text-decoration: none !important;
}
body.page-id-95 .entry-content a:hover,
body.page-id-95 .entry-content a:focus,
body.page-id-95 .woocommerce ul.products li.product a:hover {
    color: #2ead43 !important;
    text-decoration: underline !important;
}

/* 6. WooCommerce buttons — green to match live link color */
body.page-id-95 .woocommerce .button.add_to_cart_button,
body.page-id-95 .woocommerce a.button,
body.page-id-95 .woocommerce button.button {
    background-color: #2ead43 !important;
    color: #ffffff !important;
    border-color: #2ead43 !important;
}
body.page-id-95 .woocommerce .button.add_to_cart_button:hover,
body.page-id-95 .woocommerce a.button:hover {
    background-color: #1f561c !important;
    border-color: #1f561c !important;
}

/* 7. Bold / strong — dark green */
body.page-id-95 .entry-content strong,
body.page-id-95 .entry-content b {
    color: #1f561c !important;
}

/* 8. Body text — Arial 13px, dark (explicit to override Oswald inheritance) */
body.page-id-95 .entry-content,
body.page-id-95 .entry-content p,
body.page-id-95 .entry-content li,
body.page-id-95 .entry-content td,
body.page-id-95 .entry-content span {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    line-height: normal !important;
}

/* 9. Left sidebar widget titles and links */
body.page-id-95 #secondary .widget-title,
body.page-id-95 #secondary h2,
body.page-id-95 #secondary h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-95 #secondary a,
body.page-id-95 #secondary a:link,
body.page-id-95 #secondary a:visited {
    color: #1f561c !important;
    text-decoration: none !important;
}
body.page-id-95 #secondary a:hover {
    color: #2ead43 !important;
}

/* =============================================
   LEGAL LINKS PAGE (page-id-84)
   Matched to: dianeletarte.com/legallinks
   Colors from live site inspection:
     #318cba  = rgb(49,140,186)   – heading blue
     #824a5a  = rgb(130,74,90)    – link mauve
     #253342  = rgb(37,51,66)     – body text / sidebar titles
   ============================================= */

/* 1. White background */
body.page-id-84 {
    background-color: #1E0F14 !important;
}

/* 2. Page title h1 */
body.page-id-84 .entry-title {
    color: #318cba !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

/* 3. Content headings h1–h6 */
body.page-id-84 .entry-content h1,
body.page-id-84 .entry-content h2,
body.page-id-84 .entry-content h3,
body.page-id-84 .entry-content h4,
body.page-id-84 .entry-content h5,
body.page-id-84 .entry-content h6 {
    color: #318cba !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 5px !important;
}

/* 4. Content links – mauve */
body.page-id-84 .entry-content a,
body.page-id-84 .entry-content a:link,
body.page-id-84 .entry-content a:visited {
    color: #824a5a !important;
    text-decoration: none !important;
}
body.page-id-84 .entry-content a:hover,
body.page-id-84 .entry-content a:focus {
    color: #318cba !important;
    text-decoration: underline !important;
}

/* 5. Body text */
body.page-id-84 .entry-content,
body.page-id-84 .entry-content p,
body.page-id-84 .entry-content li,
body.page-id-84 .entry-content td,
body.page-id-84 .entry-content span {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    line-height: normal !important;
}

/* 6. Left sidebar widget titles and links */
body.page-id-84 #secondary .widget-title,
body.page-id-84 #secondary h2,
body.page-id-84 #secondary h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-84 #secondary a,
body.page-id-84 #secondary a:link,
body.page-id-84 #secondary a:visited {
    color: #824a5a !important;
    text-decoration: none !important;
}
body.page-id-84 #secondary a:hover {
    color: #318cba !important;
}

/* 7. Right sidebar widget titles and links */
body.page-id-84 .diane-right-sidebar .widget-title,
body.page-id-84 .diane-right-sidebar h2,
body.page-id-84 .diane-right-sidebar h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-84 .diane-right-sidebar a,
body.page-id-84 .diane-right-sidebar a:link,
body.page-id-84 .diane-right-sidebar a:visited {
    color: #824a5a !important;
    text-decoration: none !important;
}
body.page-id-84 .diane-right-sidebar a:hover {
    color: #318cba !important;
}

/* =============================================
   SHARED: 7 standard-blue pages
   #318cba heading, #692227 links, #253342 sidebar titles
   IDs: 77(Home) 81(CA Parole) 80(Bankruptcy) 86(Case Law)
        88(Arbitration) 75(Direct Appeals) 76(Three Strikes)
   ============================================= */

body.page-id-77,body.page-id-81,body.page-id-80,
body.page-id-86,body.page-id-88,body.page-id-75,body.page-id-76 {
    background-color: #1E0F14 !important;
}

/* Entry title (hidden for 77 via earlier rule) */
body.page-id-81 .entry-title,
body.page-id-80 .entry-title,
body.page-id-86 .entry-title,
body.page-id-88 .entry-title,
body.page-id-75 .entry-title,
body.page-id-76 .entry-title {
    color: #318cba !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

/* Content headings */
body.page-id-77 .entry-content h1,body.page-id-77 .entry-content h2,body.page-id-77 .entry-content h3,body.page-id-77 .entry-content h4,body.page-id-77 .entry-content h5,body.page-id-77 .entry-content h6,
body.page-id-81 .entry-content h1,body.page-id-81 .entry-content h2,body.page-id-81 .entry-content h3,body.page-id-81 .entry-content h4,body.page-id-81 .entry-content h5,body.page-id-81 .entry-content h6,
body.page-id-80 .entry-content h1,body.page-id-80 .entry-content h2,body.page-id-80 .entry-content h3,body.page-id-80 .entry-content h4,body.page-id-80 .entry-content h5,body.page-id-80 .entry-content h6,
body.page-id-86 .entry-content h1,body.page-id-86 .entry-content h2,body.page-id-86 .entry-content h3,body.page-id-86 .entry-content h4,body.page-id-86 .entry-content h5,body.page-id-86 .entry-content h6,
body.page-id-88 .entry-content h1,body.page-id-88 .entry-content h2,body.page-id-88 .entry-content h3,body.page-id-88 .entry-content h4,body.page-id-88 .entry-content h5,body.page-id-88 .entry-content h6,
body.page-id-75 .entry-content h1,body.page-id-75 .entry-content h2,body.page-id-75 .entry-content h3,body.page-id-75 .entry-content h4,body.page-id-75 .entry-content h5,body.page-id-75 .entry-content h6,
body.page-id-76 .entry-content h1,body.page-id-76 .entry-content h2,body.page-id-76 .entry-content h3,body.page-id-76 .entry-content h4,body.page-id-76 .entry-content h5,body.page-id-76 .entry-content h6 {
    color: #318cba !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 5px !important;
}

/* Content links */
body.page-id-77 .entry-content a,body.page-id-77 .entry-content a:link,body.page-id-77 .entry-content a:visited,
body.page-id-81 .entry-content a,body.page-id-81 .entry-content a:link,body.page-id-81 .entry-content a:visited,
body.page-id-80 .entry-content a,body.page-id-80 .entry-content a:link,body.page-id-80 .entry-content a:visited,
body.page-id-86 .entry-content a,body.page-id-86 .entry-content a:link,body.page-id-86 .entry-content a:visited,
body.page-id-88 .entry-content a,body.page-id-88 .entry-content a:link,body.page-id-88 .entry-content a:visited,
body.page-id-75 .entry-content a,body.page-id-75 .entry-content a:link,body.page-id-75 .entry-content a:visited,
body.page-id-76 .entry-content a,body.page-id-76 .entry-content a:link,body.page-id-76 .entry-content a:visited {
    color: #692227 !important;
    text-decoration: none !important;
}
body.page-id-77 .entry-content a:hover,body.page-id-81 .entry-content a:hover,
body.page-id-80 .entry-content a:hover,body.page-id-86 .entry-content a:hover,
body.page-id-88 .entry-content a:hover,body.page-id-75 .entry-content a:hover,
body.page-id-76 .entry-content a:hover {
    color: #318cba !important;
    text-decoration: underline !important;
}

/* Body text */
body.page-id-77 .entry-content,body.page-id-77 .entry-content p,body.page-id-77 .entry-content li,body.page-id-77 .entry-content td,body.page-id-77 .entry-content span,
body.page-id-81 .entry-content,body.page-id-81 .entry-content p,body.page-id-81 .entry-content li,body.page-id-81 .entry-content td,body.page-id-81 .entry-content span,
body.page-id-80 .entry-content,body.page-id-80 .entry-content p,body.page-id-80 .entry-content li,body.page-id-80 .entry-content td,body.page-id-80 .entry-content span,
body.page-id-86 .entry-content,body.page-id-86 .entry-content p,body.page-id-86 .entry-content li,body.page-id-86 .entry-content td,body.page-id-86 .entry-content span,
body.page-id-88 .entry-content,body.page-id-88 .entry-content p,body.page-id-88 .entry-content li,body.page-id-88 .entry-content td,body.page-id-88 .entry-content span,
body.page-id-75 .entry-content,body.page-id-75 .entry-content p,body.page-id-75 .entry-content li,body.page-id-75 .entry-content td,body.page-id-75 .entry-content span,
body.page-id-76 .entry-content,body.page-id-76 .entry-content p,body.page-id-76 .entry-content li,body.page-id-76 .entry-content td,body.page-id-76 .entry-content span {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    line-height: normal !important;
}

/* Left sidebar */
body.page-id-77 #secondary .widget-title,body.page-id-77 #secondary h2,body.page-id-77 #secondary h3,
body.page-id-81 #secondary .widget-title,body.page-id-81 #secondary h2,body.page-id-81 #secondary h3,
body.page-id-80 #secondary .widget-title,body.page-id-80 #secondary h2,body.page-id-80 #secondary h3,
body.page-id-86 #secondary .widget-title,body.page-id-86 #secondary h2,body.page-id-86 #secondary h3,
body.page-id-88 #secondary .widget-title,body.page-id-88 #secondary h2,body.page-id-88 #secondary h3,
body.page-id-75 #secondary .widget-title,body.page-id-75 #secondary h2,body.page-id-75 #secondary h3,
body.page-id-76 #secondary .widget-title,body.page-id-76 #secondary h2,body.page-id-76 #secondary h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-77 #secondary a,body.page-id-77 #secondary a:link,body.page-id-77 #secondary a:visited,
body.page-id-81 #secondary a,body.page-id-81 #secondary a:link,body.page-id-81 #secondary a:visited,
body.page-id-80 #secondary a,body.page-id-80 #secondary a:link,body.page-id-80 #secondary a:visited,
body.page-id-86 #secondary a,body.page-id-86 #secondary a:link,body.page-id-86 #secondary a:visited,
body.page-id-88 #secondary a,body.page-id-88 #secondary a:link,body.page-id-88 #secondary a:visited,
body.page-id-75 #secondary a,body.page-id-75 #secondary a:link,body.page-id-75 #secondary a:visited,
body.page-id-76 #secondary a,body.page-id-76 #secondary a:link,body.page-id-76 #secondary a:visited {
    color: #692227 !important;
    text-decoration: none !important;
}
body.page-id-77 #secondary a:hover,body.page-id-81 #secondary a:hover,body.page-id-80 #secondary a:hover,
body.page-id-86 #secondary a:hover,body.page-id-88 #secondary a:hover,
body.page-id-75 #secondary a:hover,body.page-id-76 #secondary a:hover {
    color: #318cba !important;
}

/* Right sidebar */
body.page-id-77 .diane-right-sidebar .widget-title,body.page-id-77 .diane-right-sidebar h2,body.page-id-77 .diane-right-sidebar h3,
body.page-id-81 .diane-right-sidebar .widget-title,body.page-id-81 .diane-right-sidebar h2,body.page-id-81 .diane-right-sidebar h3,
body.page-id-80 .diane-right-sidebar .widget-title,body.page-id-80 .diane-right-sidebar h2,body.page-id-80 .diane-right-sidebar h3,
body.page-id-86 .diane-right-sidebar .widget-title,body.page-id-86 .diane-right-sidebar h2,body.page-id-86 .diane-right-sidebar h3,
body.page-id-88 .diane-right-sidebar .widget-title,body.page-id-88 .diane-right-sidebar h2,body.page-id-88 .diane-right-sidebar h3,
body.page-id-75 .diane-right-sidebar .widget-title,body.page-id-75 .diane-right-sidebar h2,body.page-id-75 .diane-right-sidebar h3,
body.page-id-76 .diane-right-sidebar .widget-title,body.page-id-76 .diane-right-sidebar h2,body.page-id-76 .diane-right-sidebar h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-77 .diane-right-sidebar a,body.page-id-77 .diane-right-sidebar a:link,body.page-id-77 .diane-right-sidebar a:visited,
body.page-id-81 .diane-right-sidebar a,body.page-id-81 .diane-right-sidebar a:link,body.page-id-81 .diane-right-sidebar a:visited,
body.page-id-80 .diane-right-sidebar a,body.page-id-80 .diane-right-sidebar a:link,body.page-id-80 .diane-right-sidebar a:visited,
body.page-id-86 .diane-right-sidebar a,body.page-id-86 .diane-right-sidebar a:link,body.page-id-86 .diane-right-sidebar a:visited,
body.page-id-88 .diane-right-sidebar a,body.page-id-88 .diane-right-sidebar a:link,body.page-id-88 .diane-right-sidebar a:visited,
body.page-id-75 .diane-right-sidebar a,body.page-id-75 .diane-right-sidebar a:link,body.page-id-75 .diane-right-sidebar a:visited,
body.page-id-76 .diane-right-sidebar a,body.page-id-76 .diane-right-sidebar a:link,body.page-id-76 .diane-right-sidebar a:visited {
    color: #692227 !important;
    text-decoration: none !important;
}
body.page-id-77 .diane-right-sidebar a:hover,body.page-id-81 .diane-right-sidebar a:hover,body.page-id-80 .diane-right-sidebar a:hover,
body.page-id-86 .diane-right-sidebar a:hover,body.page-id-88 .diane-right-sidebar a:hover,
body.page-id-75 .diane-right-sidebar a:hover,body.page-id-76 .diane-right-sidebar a:hover {
    color: #318cba !important;
}

/* =============================================
   ABOUT US PAGE (page-id-78)
   Matched to: dianeletarte.com/about
   Colors: #318cba heading, #4599d1 links (light blue)
   ============================================= */
body.page-id-78 { background-color: #1E0F14 !important; }
body.page-id-78 .entry-title {
    color: #318cba !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}
body.page-id-78 .entry-content h1,body.page-id-78 .entry-content h2,body.page-id-78 .entry-content h3,
body.page-id-78 .entry-content h4,body.page-id-78 .entry-content h5,body.page-id-78 .entry-content h6 {
    color: #318cba !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 5px !important;
}
body.page-id-78 .entry-content a,body.page-id-78 .entry-content a:link,body.page-id-78 .entry-content a:visited {
    color: #4599d1 !important;
    text-decoration: none !important;
}
body.page-id-78 .entry-content a:hover,body.page-id-78 .entry-content a:focus {
    color: #318cba !important;
    text-decoration: underline !important;
}
body.page-id-78 .entry-content,body.page-id-78 .entry-content p,body.page-id-78 .entry-content li,
body.page-id-78 .entry-content td,body.page-id-78 .entry-content span {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    line-height: normal !important;
}
body.page-id-78 #secondary .widget-title,body.page-id-78 #secondary h2,body.page-id-78 #secondary h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-78 #secondary a,body.page-id-78 #secondary a:link,body.page-id-78 #secondary a:visited {
    color: #4599d1 !important;
    text-decoration: none !important;
}
body.page-id-78 #secondary a:hover { color: #318cba !important; }
body.page-id-78 .diane-right-sidebar .widget-title,body.page-id-78 .diane-right-sidebar h2,body.page-id-78 .diane-right-sidebar h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-78 .diane-right-sidebar a,body.page-id-78 .diane-right-sidebar a:link,body.page-id-78 .diane-right-sidebar a:visited {
    color: #4599d1 !important;
    text-decoration: none !important;
}
body.page-id-78 .diane-right-sidebar a:hover { color: #318cba !important; }

/* =============================================
   ABOUT PAGE – RIGHT SIDEBAR IMAGE+TEXT FIX
   Live site: images float beside text; staging images were 102px in
   a 130px column leaving only 16px for text (text fell below image).
   Fix: shrink floated images to 55px → 63px of space beside each image.
   ============================================= */

/* Clearfix so each widget's float is contained within its own box */
.diane-right-sidebar .textwidget.custom-html-widget::after {
    content: "";
    display: block;
    clear: both;
}

/* Reduce all left-floated images in the right sidebar */
.diane-right-sidebar .textwidget img[style*="float: left"],
.diane-right-sidebar .textwidget img[style*="float:left"] {
    width: 55px !important;
    height: auto !important;
}

/* Award widget (custom_html-45): live site uses float:right so text is on the left */
#custom_html-45 .textwidget img {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 8px !important;
    width: 55px !important;
    height: auto !important;
}

/* Badge widget (custom_html-48): live site floats image left — add the missing float */
#custom_html-48 .textwidget img {
    float: left !important;
    margin-right: 8px !important;
    margin-left: 0 !important;
    width: 55px !important;
    height: auto !important;
}

/* =============================================
   CONTACT US PAGE (page-id-72)
   Matched to: dianeletarte.com/contact
   Colors: #4382ba heading blue, #a33e53 links rose-red
   ============================================= */
body.page-id-72 { background-color: #1E0F14 !important; }
body.page-id-72 .entry-title {
    color: #4382ba !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}
body.page-id-72 .entry-content h1,body.page-id-72 .entry-content h2,body.page-id-72 .entry-content h3,
body.page-id-72 .entry-content h4,body.page-id-72 .entry-content h5,body.page-id-72 .entry-content h6 {
    color: #4382ba !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 5px !important;
}
body.page-id-72 .entry-content a,body.page-id-72 .entry-content a:link,body.page-id-72 .entry-content a:visited {
    color: #a33e53 !important;
    text-decoration: none !important;
}
body.page-id-72 .entry-content a:hover,body.page-id-72 .entry-content a:focus {
    color: #4382ba !important;
    text-decoration: underline !important;
}
body.page-id-72 .entry-content,body.page-id-72 .entry-content p,body.page-id-72 .entry-content li,
body.page-id-72 .entry-content td,body.page-id-72 .entry-content span {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    line-height: normal !important;
}
body.page-id-72 #secondary .widget-title,body.page-id-72 #secondary h2,body.page-id-72 #secondary h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-72 #secondary a,body.page-id-72 #secondary a:link,body.page-id-72 #secondary a:visited {
    color: #a33e53 !important;
    text-decoration: none !important;
}
body.page-id-72 #secondary a:hover { color: #4382ba !important; }
body.page-id-72 .diane-right-sidebar .widget-title,body.page-id-72 .diane-right-sidebar h2,body.page-id-72 .diane-right-sidebar h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-72 .diane-right-sidebar a,body.page-id-72 .diane-right-sidebar a:link,body.page-id-72 .diane-right-sidebar a:visited {
    color: #a33e53 !important;
    text-decoration: none !important;
}
body.page-id-72 .diane-right-sidebar a:hover { color: #4382ba !important; }

/* =============================================
   TESTIMONIAL PAGE (page-id-90)
   Matched to: dianeletarte.com/testimonial
   Colors: #561731 heading burgundy, #692227 links
   ============================================= */
body.page-id-90 { background-color: #1E0F14 !important; }
body.page-id-90 .entry-title {
    color: #561731 !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}
body.page-id-90 .entry-content h1,body.page-id-90 .entry-content h2,body.page-id-90 .entry-content h3,
body.page-id-90 .entry-content h4,body.page-id-90 .entry-content h5,body.page-id-90 .entry-content h6 {
    color: #561731 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 5px !important;
}
body.page-id-90 .entry-content a,body.page-id-90 .entry-content a:link,body.page-id-90 .entry-content a:visited {
    color: #692227 !important;
    text-decoration: none !important;
}
body.page-id-90 .entry-content a:hover,body.page-id-90 .entry-content a:focus {
    color: #561731 !important;
    text-decoration: underline !important;
}
body.page-id-90 .entry-content,body.page-id-90 .entry-content p,body.page-id-90 .entry-content li,
body.page-id-90 .entry-content td,body.page-id-90 .entry-content span {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    line-height: normal !important;
}
body.page-id-90 #secondary .widget-title,body.page-id-90 #secondary h2,body.page-id-90 #secondary h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-90 #secondary a,body.page-id-90 #secondary a:link,body.page-id-90 #secondary a:visited {
    color: #692227 !important;
    text-decoration: none !important;
}
body.page-id-90 #secondary a:hover { color: #561731 !important; }
body.page-id-90 .diane-right-sidebar .widget-title,body.page-id-90 .diane-right-sidebar h2,body.page-id-90 .diane-right-sidebar h3 {
    color: #253342 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-id-90 .diane-right-sidebar a,body.page-id-90 .diane-right-sidebar a:link,body.page-id-90 .diane-right-sidebar a:visited {
    color: #692227 !important;
    text-decoration: none !important;
}
body.page-id-90 .diane-right-sidebar a:hover { color: #561731 !important; }

/* =============================================
   WOOCOMMERCE SINGLE PRODUCT — Match live site
   dianeletarte.com layout:
     1. Title (16px Arial blue)
     2. Description (left) | Gallery (right, 170px)
     3. Info box: SKU / Price / Qty / Add to Cart
   ============================================= */

/* Hide breadcrumb */
.single-product .woocommerce-breadcrumb {
    display: none !important;
}

/* Product title */
.single-product h1.product_title {
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #318cba !important;
    margin: 0 0 8px 0 !important;
    line-height: normal !important;
}

/* ── 2-column body layout ── */
.diane-product-body {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    margin-bottom: 10px !important;
}

/* Description column (left, fluid) */
.diane-desc-col {
    flex: 1 1 auto !important;
}

.diane-desc-inner,
.diane-desc-inner p,
.diane-desc-inner li,
.diane-desc-inner span,
.diane-desc-inner td {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    line-height: normal !important;
}

.diane-desc-inner strong,
.diane-desc-inner b {
    font-weight: 700 !important;
    color: #253342 !important;
}

.diane-desc-inner a,
.diane-desc-inner a:link,
.diane-desc-inner a:visited {
    color: #318cba !important;
    text-decoration: none !important;
}

.diane-desc-inner a:hover {
    text-decoration: underline !important;
}

/* Image column (right, 170px) */
.diane-img-col {
    flex: 0 0 170px !important;
    width: 170px !important;
    text-align: center !important;
}

/* "Click to enlarge image(s)" */
.diane-enlarge-text {
    display: block !important;
    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    color: #253342 !important;
    text-align: center !important;
    padding: 2px 0 !important;
}

/* Gallery inside image column */
.diane-img-col .woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.diane-img-col .woocommerce-product-gallery__image img {
    max-width: 150px !important;
    width: 150px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 5px !important;
}

/* Hide zoom trigger icon */
.diane-img-col .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Hide thumbnail strip */
.diane-img-col .flex-control-nav,
.diane-img-col .woocommerce-product-gallery__image:not(:first-child) {
    display: none !important;
}

/* Show all stacked gallery images */
.diane-img-col .woocommerce-product-gallery__wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transform: none !important;
    width: 100% !important;
}

.diane-img-col .woocommerce-product-gallery__image {
    display: block !important;
    width: 100% !important;
    max-width: 150px !important;
    margin: 0 auto 5px !important;
}

/* ── Info box ── */
.diane-product-info-box {
    border: 0.8px solid #253342 !important;
    padding: 10px !important;
    margin: 5px 5px 10px !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    background: transparent !important;
}

.diane-info-row {
    display: flex !important;
    align-items: baseline !important;
    padding: 4px 0 !important;
}

.diane-info-label {
    font-weight: 700 !important;
    min-width: 40px !important;
    margin-right: 4px !important;
    color: #253342 !important;
    font-size: 13px !important;
    font-family: Arial, sans-serif !important;
}

.diane-info-value {
    color: #253342 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: Arial, sans-serif !important;
}

/* Price amount inside info box */
.diane-product-info-box .woocommerce-Price-amount,
.diane-product-info-box .amount {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #253342 !important;
}

/* Cart row (Qty label + input + Add to Cart button) */
.diane-info-cart form.cart {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    gap: 8px !important;
}

/* Qty label via pseudo-element */
.diane-info-cart .quantity {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.diane-info-cart .quantity::before {
    content: "Qty" !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    color: #253342 !important;
    font-weight: 400 !important;
}

/* Qty input */
.single-product .diane-info-cart input.qty {
    width: 28px !important;
    height: 20px !important;
    font-size: 13px !important;
    padding: 0 2px !important;
    border: 1px solid #aaaaaa !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Hide WooCommerce qty +/- spinners */
.diane-info-cart .quantity .minus,
.diane-info-cart .quantity .plus {
    display: none !important;
}

/* Add to Cart button — gray, matches live site */
.single-product .diane-info-cart button.single_add_to_cart_button {
    background-color: #ececec !important;
    color: #000000 !important;
    border: 1px solid #aaaaaa !important;
    border-radius: 0 !important;
    padding: 2px 12px !important;
    font-size: 13px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    line-height: normal !important;
    height: auto !important;
    min-height: 0 !important;
    display: inline-block !important;
    box-shadow: none !important;
}

.single-product .diane-info-cart button.single_add_to_cart_button:hover {
    background-color: #d4d4d4 !important;
    color: #000000 !important;
    border-color: #999999 !important;
}

/* =============================================
   PER-PAGE SIDEBAR WIDTHS
   Exact values measured from dianeletarte.com
   Left | Right | Center (fluid) | Container
   ============================================= */

/* Home Page — 193px | 210px | 499px | 902px */
body.diane-page-front #secondary.widget-area,
body.diane-page-front.ast-left-sidebar #secondary,
body.diane-page-front #secondary {
    flex: 0 0 193px !important;
    width: 193px !important;
    min-width: 193px !important;
    max-width: 193px !important;
    flex-basis: 193px !important;
}
body.diane-page-front .diane-right-sidebar {
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
}

/* About — 262px | 246px | 393px | 901px */
body.diane-page-about-us #secondary.widget-area,
body.diane-page-about-us.ast-left-sidebar #secondary,
body.diane-page-about-us #secondary {
    flex: 0 0 270px !important;
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    flex-basis: 270px !important;
}
body.diane-page-about-us .diane-right-sidebar {
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
}

/* Contact — 193px | 213px | 495px | 901px */
body.diane-page-contact-us #secondary.widget-area,
body.diane-page-contact-us.ast-left-sidebar #secondary,
body.diane-page-contact-us #secondary {
    flex: 0 0 193px !important;
    width: 193px !important;
    min-width: 193px !important;
    max-width: 193px !important;
    flex-basis: 193px !important;
}
body.diane-page-contact-us .diane-right-sidebar {
    flex: 0 0 213px !important;
    width: 213px !important;
    min-width: 213px !important;
}

/* Legal Links — 206px | 206px | 488px | 900px */
body.diane-page-legal-links #secondary.widget-area,
body.diane-page-legal-links.ast-left-sidebar #secondary,
body.diane-page-legal-links #secondary {
    flex: 0 0 206px !important;
    width: 206px !important;
    min-width: 206px !important;
    max-width: 206px !important;
    flex-basis: 206px !important;
}
body.diane-page-legal-links .diane-right-sidebar {
    flex: 0 0 206px !important;
    width: 206px !important;
    min-width: 206px !important;
}

/* Legal Services — 285px | 254px | 402px | 941px */
body.diane-page-legal-services-prison .site-content > .ast-container {
    width: 941px !important;
    max-width: 941px !important;
}
body.diane-page-legal-services-prison #secondary.widget-area,
body.diane-page-legal-services-prison.ast-left-sidebar #secondary,
body.diane-page-legal-services-prison #secondary {
    flex: 0 0 285px !important;
    width: 285px !important;
    min-width: 285px !important;
    max-width: 285px !important;
    flex-basis: 285px !important;
}
body.diane-page-legal-services-prison .diane-right-sidebar {
    flex: 0 0 254px !important;
    width: 254px !important;
    min-width: 254px !important;
}

/* Testimonial — 195px | 197px | 508px | 900px */
body.diane-page-testimonial #secondary.widget-area,
body.diane-page-testimonial.ast-left-sidebar #secondary,
body.diane-page-testimonial #secondary {
    flex: 0 0 195px !important;
    width: 195px !important;
    min-width: 195px !important;
    max-width: 195px !important;
    flex-basis: 195px !important;
}
body.diane-page-testimonial .diane-right-sidebar {
    flex: 0 0 197px !important;
    width: 197px !important;
    min-width: 197px !important;
}

/* Direct Appeals — 201px | 195px | 505px | 901px */
body.diane-page-direct-appeals #secondary.widget-area,
body.diane-page-direct-appeals.ast-left-sidebar #secondary,
body.diane-page-direct-appeals #secondary {
    flex: 0 0 201px !important;
    width: 201px !important;
    min-width: 201px !important;
    max-width: 201px !important;
    flex-basis: 201px !important;
}
body.diane-page-direct-appeals .diane-right-sidebar {
    flex: 0 0 195px !important;
    width: 195px !important;
    min-width: 195px !important;
}

/* Three Strikes — 201px | 195px | 505px | 901px */
body.diane-page-three-strikes #secondary.widget-area,
body.diane-page-three-strikes.ast-left-sidebar #secondary,
body.diane-page-three-strikes #secondary {
    flex: 0 0 201px !important;
    width: 201px !important;
    min-width: 201px !important;
    max-width: 201px !important;
    flex-basis: 201px !important;
}
body.diane-page-three-strikes .diane-right-sidebar {
    flex: 0 0 195px !important;
    width: 195px !important;
    min-width: 195px !important;
}

/* California Parole — 276px | 174px | 451px | 901px */
body.diane-page-california-parole #secondary.widget-area,
body.diane-page-california-parole.ast-left-sidebar #secondary,
body.diane-page-california-parole #secondary {
    flex: 0 0 230px !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    flex-basis: 230px !important;
}
body.diane-page-california-parole .diane-right-sidebar {
    flex: 0 0 170px !important;
    width: 170px !important;
    min-width: 170px !important;
}

/* Parole Case Law — 170px | 310px */
body.diane-page-parole-case-law-and-prop36-57 #secondary.widget-area,
body.diane-page-parole-case-law-and-prop36-57.ast-left-sidebar #secondary,
body.diane-page-parole-case-law-and-prop36-57 #secondary {
    flex: 0 0 170px !important;
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    flex-basis: 170px !important;
}
body.diane-page-parole-case-law-and-prop36-57 .diane-right-sidebar {
    flex: 0 0 310px !important;
    width: 310px !important;
    min-width: 310px !important;
}

/* Arbitration Clause — 178px | 178px | 546px | 902px */
body.diane-page-arbitration-clause #secondary.widget-area,
body.diane-page-arbitration-clause.ast-left-sidebar #secondary,
body.diane-page-arbitration-clause #secondary {
    flex: 0 0 178px !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    flex-basis: 178px !important;
}
body.diane-page-arbitration-clause .diane-right-sidebar {
    flex: 0 0 178px !important;
    width: 178px !important;
    min-width: 178px !important;
}

/* Video — 196px | 196px (default, explicit for clarity) */
/* Legal Fees — 196px | 196px (default) */
/* Lifers Appeals — 196px | 196px (default) */
/* Employment — 196px | 196px (default) */
/* Labor Law — 196px | 196px (default) */
/* Right to Sue — 196px | 196px (default) */
/* Bankruptcy — 196px | 196px (default) */
/* BK Resource Links — 196px | 196px (default) */