/* Site-wide additions on top of the original PrestaShop theme (theme.css). */

/* Accordion buttons: a .toggle_group holds .toggle_btn buttons, each controlling a .toggle_panel via aria-controls. */
.toggle_group .toggle_btn {
    display: block;
    float: none;
    width: 60%;
    height: auto;
    margin: 0 0 10px;
    padding: 5px 15px;
    font-size: 17px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
}
.toggle_group .toggle_btn:hover,
.toggle_group .toggle_btn:focus-visible,
.toggle_group .toggle_btn.is-active {
    background: #769203;
}
.toggle_group .toggle_panel {
    clear: both;
    padding: 0 0 10px;
}
.toggle_group .toggle_panel img {
    max-width: 100%;
    height: auto;
}

/* Recipe pages (partials/recipe.blade.php). */
.recipe .recipe_breadcrumb { margin-bottom: 25px; }
.recipe .recipe_breadcrumb a { color: #0d440b; }
.recipe .recipe_image { float: right; max-width: 52%; height: auto; margin: 0 0 15px 20px; }
.recipe h2.recipe_title { margin: 0 0 6px; padding: 0; font: bold 16px 'CuprumFFURegular', Georgia, serif; color: #4f81bd; text-transform: uppercase; }
.recipe h3.recipe_heading { margin: 14px 0 2px; padding: 0; font: bold 16px 'CuprumFFURegular', Georgia, serif; text-transform: uppercase; }
.recipe h3.recipe_heading span { padding: 0 2px; background: #006400; color: #fff; }
.recipe .recipe_ingredients td { padding: 0 25px 0 0; font: italic bold 12px Arial, Helvetica, sans-serif; color: #000; }
.recipe .recipe_ingredients td.recipe_sublabel { padding-top: 6px; text-decoration: underline; }
.recipe .recipe_steps { margin: 0; padding-left: 15px; list-style: disc; }
.recipe .recipe_steps li,
.recipe .recipe_text { margin: 0 0 2px; font: italic 12px/1.3 Arial, Helvetica, sans-serif; color: #000; }
.recipe .recipe_text { font-weight: bold; }
.recipe .spice_drop { font-weight: bold; color: #4f6228; }
.recipe .recipe_yield { clear: both; display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.recipe .recipe_yield strong { font: bold 16px 'CuprumFFURegular', Arial, sans-serif; color: #0d440b; text-transform: uppercase; letter-spacing: 1px; }