/* Search Form Styling */
.podcast-search-form{}
.podcast-search-wrapper{
    display:flex;
    gap:12px;
    max-width:700px;
    margin:0 auto;
    align-items:stretch;
}
#podcast-search-input{
    flex:1;
    padding:14px 18px;
    font-size:16px;
    border:2px solid #ddd;
    border-radius:8px;
    outline:none;
    transition:all .3s ease;
    background:#fff;
    color:#4b241b;
}
#podcast-search-input:focus{
    border-color:#D78120;
    box-shadow:0 0 0 4px rgba(215,129,32,.12);
}
#podcast-search-input::placeholder{
    color:#999;
}
#podcast-search-button,#podcast-clear-button{
    padding:12px 24px;
    background:#D78120;
    color:#fff;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-size:15px;
    font-weight:500;
    transition:all .3s ease;
    white-space:nowrap;
}
#podcast-search-button:hover{
    background:#E18B2A;
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(215,129,32,.3);
}
#podcast-clear-button{
    background:#4b241b;
}
#podcast-clear-button:hover{
    background:#59301A;
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(75,36,27,.3);
}

/* Database Search (legacy) */
.database-podcast-search{margin:30px 0;background:#f8f9fa;padding:20px;border-radius:8px}
.podcast-search-controls{display:flex;gap:10px;max-width:600px;margin:0 auto;align-items:center}
#database-podcast-input{flex:1;padding:12px 16px;font-size:16px;border:2px solid #ddd;border-radius:6px;outline:none}
#database-podcast-input:focus{border-color:#007cba;box-shadow:0 0 0 3px rgba(0,124,186,.1)}
#database-clear-search{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}
#database-clear-search:hover{background:#5a6268}
.podcast-search-info{margin-top:15px;text-align:center;font-size:14px;color:#666}

/* Responsive Search Form */
@media (max-width:768px){
    .podcast-search-wrapper{
        flex-direction:column;
    }
    #podcast-search-button,#podcast-clear-button{
        width:100%;
    }
    .podcast-search-controls{flex-direction:column}
    #database-clear-search{margin-top:10px}
}

/* Podcast Results Grid - Responsive: 3 columns (PC), 2 (tablet), 1 (mobile) */
#podcast-search-results.podcast-search-results{
    margin-top:30px;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:25px!important;
}

/* Large desktop: slightly smaller cards by using 4 columns */
@media (min-width:1280px){
    #podcast-search-results.podcast-search-results{
        grid-template-columns:repeat(4,1fr)!important;
        gap:20px!important;
    }
}
#podcast-search-results>.elementor,
#podcast-search-results>.elementor-355,
#podcast-search-results>[data-elementor-id="355"]{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:block!important;
}
#podcast-search-results .e-con,
#podcast-search-results .e-con-boxed,
#podcast-search-results .e-con-inner{
    --content-width:100%!important;
    --container-max-width:100%!important;
    --width:100%!important;
    max-width:100%!important;
    width:100%!important;
    height: 100%;
}

/* Tablet: 2 columns */
@media (max-width:1024px){
    #podcast-search-results.podcast-search-results{
        grid-template-columns:repeat(2,1fr)!important;
        gap:20px!important;
    }
}

/* Mobile: 1 column */
@media (max-width:768px){
    #podcast-search-results.podcast-search-results{
        /* Prevent stretched full-width cards on mobile */
        grid-template-columns:minmax(0,420px)!important;
        justify-content:center!important;
        gap:15px!important;
    }

    /* Nuclear option - force ALL containers in podcast results to behave */
    #podcast-search-results *[class*="elementor"],
    #podcast-search-results .e-con,
    #podcast-search-results .e-con-boxed,
    #podcast-search-results .e-con-full,
    #podcast-search-results .e-con-inner,
    #podcast-search-results [data-id]{
        max-width:100%!important;
        width:100%!important;
        overflow:visible!important;
        box-sizing:border-box!important;
        --width:100%!important;
        --container-max-width:100%!important;
        --content-width:100%!important;
    }

    /* Force ALL flex containers to stack vertically */
    #podcast-search-results .e-flex,
    #podcast-search-results [class*="e-flex"]{
        flex-direction:column!important;
        --flex-direction:column!important;
        flex-wrap:nowrap!important;
        --flex-wrap:nowrap!important;
    }

    /* Reset width for all children but keep flex natural */
    #podcast-search-results .e-con > *,
    #podcast-search-results .e-con-inner > *{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }

    /* Ensure all text content wraps properly */
    #podcast-search-results h1,
    #podcast-search-results h2,
    #podcast-search-results h3,
    #podcast-search-results h4,
    #podcast-search-results h5,
    #podcast-search-results h6,
    #podcast-search-results p,
    #podcast-search-results div,
    #podcast-search-results span,
    #podcast-search-results a{
        max-width:100%!important;
        overflow-wrap:break-word!important;
        word-wrap:break-word!important;
        word-break:break-word!important;
        white-space:normal!important;
    }

    /* Force images to be responsive */
    #podcast-search-results img{
        max-width:100%!important;
        height:auto!important;
        width:100%!important;
    }

    /* Limit emoji size in titles */
    #podcast-search-results .emoji,
    #podcast-search-results img.emoji{
        max-height:1.2em!important;
        max-width:1.2em!important;
        width:auto!important;
        height:auto!important;
        display:inline-block!important;
        vertical-align:middle!important;
    }

    /* Make buttons full width */
    #podcast-search-results .elementor-button,
    #podcast-search-results .elementor-button-wrapper{
        width:100%!important;
        max-width:100%!important;
    }

    #podcast-search-results .elementor-button{
        display:block!important;
        text-align:center!important;
    }

    /* Reduce card height on mobile - smaller image */
    #podcast-search-results .elementor-widget-image img,
    #podcast-search-results img:not(.emoji){
        max-height:180px!important;
        object-fit:contain!important;
    }

    /* Smaller heading on mobile */
    #podcast-search-results h1,
    #podcast-search-results h2,
    #podcast-search-results h3,
    #podcast-search-results .elementor-heading-title{
        font-size:1.1em!important;
        line-height:1.3!important;
    }
}

/* Podcast card sizing + title typography (Elementor loop item 355) */
#podcast-search-results .elementor-355 .elementor-element.elementor-element-6a275ce{
    border-radius:24px!important;
    --gap:14px 0px;
    --row-gap:14px;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-2bc86e7{
    padding:0 20px 20px!important;
    --gap:12px 16px;
    --row-gap:12px;
    --column-gap:16px;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-3e4172f img{
    width:100%!important;
    max-width:100%!important;
    height:190px!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    margin:0 auto!important;
    border-radius:24px 24px 0 0!important;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-9ef58d0 > .elementor-widget-container{
    margin:0!important;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-9ef58d0 .elementor-heading-title{
    font-size:22px!important;
    line-height:1.25!important;
    font-weight:700!important;
}

@media (max-width:768px){
    #podcast-search-results .elementor-355 .elementor-element.elementor-element-9ef58d0 .elementor-heading-title{
        font-size:20px!important;
    }

    #podcast-search-results .elementor-355 .elementor-element.elementor-element-3e4172f img{
        height:180px!important;
    }
}

/* Card bottom layout: meta row, button full-width below */
#podcast-search-results .elementor-355 .elementor-element.elementor-element-18c497c{
    flex-direction:column!important;
    --flex-direction:column!important;
    align-items:stretch!important;
    --justify-content:flex-start!important;
    gap:10px!important;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-47105f3{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    --flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:flex-end!important;
    gap:16px!important;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-cf835d6{
    width:auto!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    text-align:left!important;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-30f1b71{
    width:auto!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
    text-align:right!important;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-ce6a8ee{
    width:100%!important;
    max-width:100%!important;
    --container-widget-width:100%!important;
    --container-widget-flex-grow:0!important;
    align-self:stretch!important;
}

#podcast-search-results .elementor-355 .elementor-element.elementor-element-ce6a8ee .elementor-button-wrapper,
#podcast-search-results .elementor-355 .elementor-element.elementor-element-ce6a8ee .elementor-button{
    width:100%!important;
    display:block!important;
}

/* Same card tweaks for other wrappers that render template 355 */
.podcast-search-grid .elementor-355 .elementor-element.elementor-element-6a275ce{
    border-radius:24px!important;
    --gap:14px 0px;
    --row-gap:14px;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-2bc86e7{
    padding:0 20px 20px!important;
    --gap:12px 16px;
    --row-gap:12px;
    --column-gap:16px;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-3e4172f img{
    width:100%!important;
    max-width:100%!important;
    height:190px!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    margin:0 auto!important;
    border-radius:24px 24px 0 0!important;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-9ef58d0 > .elementor-widget-container{
    margin:0!important;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-9ef58d0 .elementor-heading-title{
    font-size:22px!important;
    line-height:1.25!important;
    font-weight:700!important;
}

@media (max-width:768px){
    .podcast-search-grid{
        grid-template-columns:minmax(0,420px)!important;
        justify-content:center!important;
    }

    .podcast-search-grid .elementor-355 .elementor-element.elementor-element-9ef58d0 .elementor-heading-title{
        font-size:20px!important;
    }

    .podcast-search-grid .elementor-355 .elementor-element.elementor-element-3e4172f img{
        height:180px!important;
    }
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-18c497c{
    flex-direction:column!important;
    --flex-direction:column!important;
    align-items:stretch!important;
    --justify-content:flex-start!important;
    gap:10px!important;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-47105f3{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    --flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:flex-end!important;
    gap:16px!important;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-cf835d6{
    width:auto!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    text-align:left!important;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-30f1b71{
    width:auto!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
    text-align:right!important;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-ce6a8ee{
    width:100%!important;
    max-width:100%!important;
    --container-widget-width:100%!important;
    --container-widget-flex-grow:0!important;
    align-self:stretch!important;
}

.podcast-search-grid .elementor-355 .elementor-element.elementor-element-ce6a8ee .elementor-button-wrapper,
.podcast-search-grid .elementor-355 .elementor-element.elementor-element-ce6a8ee .elementor-button{
    width:100%!important;
    display:block!important;
}

/* Extra small mobile devices */
@media (max-width:750px){
    #podcast-search-results.podcast-search-results{
        padding:0 10px!important;
    }

    /* Ensure all nested containers respect viewport width */
    #podcast-search-results .e-con,
    #podcast-search-results .e-con-boxed,
    #podcast-search-results .e-con-full,
    #podcast-search-results .e-con-inner{
        max-width:100%!important;
        width:100%!important;
        overflow:visible!important;
        box-sizing:border-box!important;
    }

    /* Force proper wrapping for all text elements */
    #podcast-search-results *{
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    /* Specific fixes for content areas */
    #podcast-search-results .elementor-widget-container{
        max-width:100%!important;
        width:100%!important;
        overflow:visible!important;
    }

    /* Button full width on very small screens */
    #podcast-search-results .podcast-button .elementor-button{
        width:100%!important;
        justify-content:center!important;
    }
}
#podcast-load-more-container{text-align:center;margin:30px 0;padding:0 15px}
#podcast-load-more-btn{background:var(--e-global-color-accent,#007cba);color:#fff;border:none;font-weight:400;text-transform:uppercase;border-radius:7px;padding:10px 50px;cursor:pointer;font-size:16px;transition:background .3s ease;text-wrap: auto;}
#podcast-load-more-btn:hover{background:var(--e-global-color-2504fdc,#005b8f)}
#podcast-load-more-btn:disabled{background:#ccc;cursor:not-allowed}
#podcast-load-more-container.hidden{display:none}
.podcast-search-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}
@media (max-width:860px){.podcast-search-grid{grid-template-columns:1fr}}
.podcast-search-grid .elementor-355{width:100%;margin:0}

/* Keep meta row visible on mobile (date + duration) */