/* Search Form Styling */
.podcast-search-form{
    margin:30px 0;
    background:#fef6ef;
    padding:30px;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(75,36,27,.08);
}
.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;
}
#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{
        grid-template-columns:1fr!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;
    }
}

/* 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}
#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}