/*
Theme Name: OFI Theme — Refactor 84
Theme URI: https://saveorangutans.org
Author: Orangutan Conservation Initiative
Author URI: https://saveorangutans.org
Description: Custom WordPress theme for Orangutan Conservation Initiative.
Version: 1.0.79
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ofi-theme
Tags: conservation, charity, nonprofit, custom-menu, featured-images, translation-ready
*/

/* Shared site styles live in assets/css/main.css. */

/* Palm Oil Guide: match the label image height to the steps and callout. */
#read-the-label .ofi-action-layout {
    align-items: stretch;
}

#read-the-label .ofi-action-layout > .ofi-flow:first-child {
    display: grid;
    grid-template-rows: auto auto minmax(15rem, 1fr);
    min-width: 0;
}

#read-the-label .ofi-action-layout > .ofi-flow:first-child > .ofi-label-guide__image {
    position: relative;
    min-width: 0;
    min-height: 15rem;
    margin-block-start: 1.5rem;
    overflow: hidden;
}

#read-the-label .ofi-action-layout > .ofi-flow:first-child > .ofi-label-guide__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
}

#read-the-label .ofi-action-layout > .ofi-flow:last-child {
    align-content: start;
}

#read-the-label .ofi-action-layout > .ofi-flow:last-child > .ofi-callout {
    margin-block-start: 1.25rem;
}

@media (max-width: 820px) {
    #read-the-label .ofi-action-layout > .ofi-flow:first-child {
        display: block;
    }

    #read-the-label .ofi-action-layout > .ofi-flow:first-child > .ofi-label-guide__image {
        min-height: 0;
        aspect-ratio: 1.35 / 1;
    }

    #read-the-label .ofi-action-layout > .ofi-flow:first-child > .ofi-label-guide__image img {
        position: absolute;
        width: 100%;
        height: 100%;
        aspect-ratio: auto;
        object-fit: cover;
    }
}