/*
Theme Name: Agricultural Platform Native
Description: Shared native presentation for WordPress and WooCommerce.
Version: 0.2.2
Text Domain: agricultural-platform-native
Requires PHP: 8.2
*/
/* Independently supplied Fontsource/MI Messages font; no parent-theme resource. */
@font-face{font-family:"AP Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url("assets/fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,*::before,*::after{box-sizing:border-box}
html{margin:0;padding:0;scroll-behavior:auto}
body.mi-native-global{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;font-family:var(--ap-font,"AP Source Sans 3",Arial,sans-serif);font-size:14px;line-height:1.7;color:var(--ap-ink,#303a34);background:var(--ap-surface,#fff);-webkit-font-smoothing:antialiased}
body.mi-native-global.admin-bar{min-height:calc(100svh - var(--wp-admin--admin-bar--height,32px))}
body.mi-native-global>#page-container{flex:1 0 auto;width:100%;padding-top:0}
.mi-native-global-main{display:block;width:100%;min-width:0;margin:0;padding:0;border:0}
.mi-native-global-main:focus{outline:none}
.mi-native-global-main img{max-width:100%;height:auto}
.mi-native-global-unavailable,.mi-native-global-notice{margin:24px auto;padding:16px;max-width:1200px;color:#462d1e;background:#fff2e6;border:1px solid #af753b}
.mi-native-global-skip-link{position:absolute;top:0;left:12px;transform:translateY(-150%);z-index:100000;background:#fff;color:var(--ap-accent,#246045);padding:10px 16px}
.mi-native-global-skip-link:focus{transform:translateY(0)}
/* Preserve measured S736 footer geometry in the standalone shell; no builder engine required. */
#mi-premium-footer h2,#mi-premium-footer h3{padding-bottom:10px}
#mi-premium-footer .mi-footer__signup-meta{padding-bottom:1em}
/* Native Woo fullscreen control: keep the existing trigger inside its gallery. */
.mi-native-global-main .mi-pt-gallery .woocommerce-product-gallery__trigger{position:absolute;inset:14px 14px auto auto;z-index:3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);font-size:18px;line-height:1;text-decoration:none;box-shadow:0 0 0 1px rgba(16,41,30,.12)}
/* Match the measured inherited product typography, without the parent theme. */
body.mi-native-shell .mi-product-v4{font-weight:500}
/* Existing product identifiers inherited a 26px list rhythm from the old host. */
body.mi-native-shell .mi-product-v4 .mi-pt-identifiers{line-height:26px}

.mi-native-global-route-title{margin-inline:auto;max-width:1200px}

.mi-native-page-title{font-size:30px;line-height:1;font-weight:500;padding-bottom:10px}


/* Native header hosts fill the bar; remove the inherited dropdown offset on desktop. */
@media(min-width:1041px){body.mi-native-global .mi-premium-header-shell{--mi-ph-dropdown-nudge:0px}}

.ap-shell-row,.mi-native-global-entry,.woocommerce .mi-native-global-main,.ap-hero .mi-home-row {
    width:min(100% - 2 * clamp(16px, 4vw, 56px), 1280px);
    margin-inline:auto;
}
.ap-shell-row {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.ap-header {position:relative;z-index:2;background:var(--ap-header-bg,#fff);color:var(--ap-on-header,#28352d);border-bottom:1px solid #0002}
.ap-brand {display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1.35rem;font-weight:700;text-decoration:none}
.ap-brand img {display:block;width:clamp(130px,16vw,235px);max-width:100%;height:auto}
.ap-menu,.ap-menu ul {display:flex;align-items:center;gap:clamp(16px,2vw,32px);margin:0;padding:0;list-style:none}
.ap-menu li {position:relative}
.ap-menu a {display:block;padding:10px 0;color:inherit;font-size:1rem;font-weight:600;text-decoration:none}
.ap-header .ap-menu a:hover {color:var(--ap-accent,#246045)}
.ap-menu .sub-menu {display:none}
.ap-header nav:not(.ap-nav-enhanced) .ap-menu li:hover>.sub-menu,
.ap-header nav:not(.ap-nav-enhanced) .ap-menu li:focus-within>.sub-menu {
    position:absolute;inset-block-start:100%;inset-inline-start:0;display:grid;gap:0;
    width:max-content;max-width:min(260px,90vw);padding:8px 16px;
    background:var(--ap-header-bg,#fff);box-shadow:0 10px 35px #0002
}
.ap-nav-enhanced .menu-item-has-children {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.ap-nav-enhanced .ap-menu .sub-menu[hidden] {display:none}
.ap-nav-enhanced .sub-menu:not([hidden]) {
    position:absolute;inset-block-start:100%;inset-inline-end:0;display:grid;gap:0;
    width:max-content;max-width:min(260px,90vw);padding:8px 16px;
    background:var(--ap-header-bg,#fff);box-shadow:0 10px 35px #0002
}
.ap-submenu-toggle {margin-inline-start:4px;min-width:36px;min-height:36px;border:0;background:transparent;color:inherit;cursor:pointer}
.ap-menu-toggle,.ap-cta {padding:10px 16px;border:1px solid transparent;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}
.ap-menu-toggle {background:var(--ap-header-bg,#fff);border-color:currentColor;color:inherit}
.ap-header-actions {display:flex;align-items:center;gap:6px;order:2}
.ap-icon-action:not([hidden]) {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:10px;text-decoration:none}
.ap-icon-action svg {width:100%;height:100%}
.ap-icon-action:hover {background:color-mix(in srgb,currentColor 12%,transparent)}
.ap-header :focus-visible,.ap-footer :focus-visible,.ap-cta:focus-visible {outline:3px solid var(--ap-focus,#ac693c);outline-offset:4px}
.ap-footer {margin-top:auto;background:var(--ap-footer-bg,#25372f);color:var(--ap-on-footer,#fff);padding-block:24px}
.ap-footer .ap-menu {flex-wrap:wrap}
.ap-footer .ap-shell-row {min-height:64px}
.ap-footer .ap-shell-row:first-child {align-items:flex-start;padding-block:16px 26px}
.ap-footer-brand p {max-width:34ch;margin-block:10px 0}
.ap-footer-heading {font-size:1rem;font-weight:700;margin:0}
.ap-footer .ap-footer-base {border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);min-height:50px;flex-direction:row;align-items:center}
.ap-footer-base a {color:inherit}
.ap-footer .ap-menu .sub-menu {display:none}
.ap-hero {position:relative;display:grid;align-items:center;isolation:isolate;overflow:hidden;min-height:clamp(350px,55vw,630px);background:var(--ap-footer-bg,#25372f);color:var(--ap-on-footer,#fff)}
.ap-hero .mi-hero-media,.ap-hero .mi-hero-overlay {position:absolute;inset:0;z-index:-1}
.ap-hero .mi-hero-media img {width:100%;height:100%;object-fit:cover}
.ap-hero .mi-hero-overlay {background:linear-gradient(90deg,#000a,#0001)}
.ap-hero h1 {max-width:19ch;font-size:clamp(2.15rem,5vw,4.85rem);line-height:1.04;overflow-wrap:anywhere;margin:0 0 24px}
.ap-hero-kicker {margin:0 0 16px;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}
.ap-hero-description {max-width:48ch;margin:0 0 24px;font-size:clamp(1rem,1.5vw,1.25rem)}
.ap-hero .mi-home-row {padding-block:clamp(44px,8vw,110px)}
.ap-cta {display:inline-block;background:var(--ap-on-footer,#fff);color:var(--ap-footer-bg,#25372f);text-decoration:none}
.mi-native-global-entry {padding-block:clamp(28px,4vw,64px)}
.woocommerce .mi-native-global-main {padding-block:clamp(24px,4vw,56px)}
.woocommerce-cart .mi-native-global-entry,.woocommerce-checkout .mi-native-global-entry,.woocommerce-account .mi-native-global-entry {max-width:1180px}
.woocommerce ul.products,.ap-home-catalogue ul.products {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.5vw,28px)}
.woocommerce ul.products::before,.woocommerce ul.products::after,.ap-home-catalogue ul.products::before,.ap-home-catalogue ul.products::after {display:none}
.woocommerce ul.products li.product,.ap-home-catalogue ul.products li.product {float:none;width:auto;margin:0;min-width:0;overflow-wrap:anywhere}
.mi-native-global-main ul.products[class] > li.product.type-product {
    width:100%;margin:0;float:none;clear:none;
    box-sizing:border-box;padding:clamp(12px,2vw,22px);border:1px solid #0002;
    border-radius:14px;background:var(--ap-card-bg,#fff);color:var(--ap-ink,#303a34)
}
.mi-native-global-main ul.products li.product img {
    display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;margin:0 0 12px
}
.mi-native-global-main ul.products li.product a {color:inherit;text-decoration:none}
.mi-native-global-main ul.products li.product .woocommerce-loop-product__title {
    margin:0 0 8px;padding:0;font-size:clamp(.95rem,1.6vw,1.2rem);line-height:1.35
}
.mi-native-global-main ul.products li.product .price {display:block;color:inherit}
.mi-native-global-main ul.products li.product a.button {
    display:inline-flex;align-items:center;margin-top:12px;padding:8px 12px;border-radius:6px;
    background:var(--ap-footer-bg,#25372f);color:var(--ap-on-footer,#fff);
    white-space:normal;line-height:1.4
}
.mi-native-global-main ul.products li.product a:focus-visible {outline:2px solid currentColor;outline-offset:3px}
.mi-native-global-main .woocommerce form,.mi-native-global-main .woocommerce-cart-form {max-width:100%}
@media(max-width:1040px) {
    .ap-header .ap-shell-row {flex-wrap:wrap;min-height:68px;padding-block:10px;gap:10px 20px}
    .ap-header nav {flex:0 0 100%;order:3}
    .ap-header .ap-menu,.ap-header .ap-menu ul {display:grid;gap:0;align-items:start}
    .ap-header nav:not(.ap-nav-enhanced) .ap-menu li:hover>.sub-menu,
    .ap-header nav:not(.ap-nav-enhanced) .ap-menu li:focus-within>.sub-menu,
    .ap-header .ap-nav-enhanced .sub-menu:not([hidden]) {position:static;box-shadow:none;padding-inline-start:16px}
    .ap-nav-enhanced .sub-menu:not([hidden]) {grid-column:1/-1;width:auto;max-width:none}
    .ap-submenu-toggle {min-width:44px;min-height:44px}
    .woocommerce ul.products,.ap-home-catalogue ul.products {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px) {
    .ap-header .ap-shell-row {column-gap:8px}
    .ap-header .ap-brand {flex:1 1 90px}
    .ap-footer .ap-shell-row {align-items:flex-start;flex-direction:column;gap:16px}
    .woocommerce ul.products,.ap-home-catalogue ul.products {grid-template-columns:repeat(2,minmax(0,1fr))}
    .woocommerce .product form.cart .variations select {max-width:100%}
}

/* S743 media frame adapted to the existing Woo gallery and FlexSlider thumbnails. */
.mi-native-global-main .woocommerce-product-gallery .flex-viewport {
    overflow:hidden;border:1px solid #0002;border-radius:14px;background:var(--ap-card-bg,#fff)
}
.mi-native-global-main .woocommerce-product-gallery .flex-control-thumbs {
    display:flex;gap:8px;overflow-x:auto;padding:6px 3px;margin:8px 0 0
}
.mi-native-global-main .woocommerce-product-gallery .flex-control-thumbs li {
    flex:0 0 60px;width:60px;float:none
}
.mi-native-global-main .woocommerce-product-gallery .flex-control-thumbs img {
    border:2px solid transparent;border-radius:6px;aspect-ratio:1;object-fit:contain
}
.mi-native-global-main .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
    border-color:var(--ap-accent,#246045)
}
.mi-native-global-main .woocommerce-product-gallery a:focus-visible {
    outline:3px solid var(--ap-focus,#ac693c);outline-offset:-3px
}

/* DEV presentation on the native cart and account, with no additional providers. */
.woocommerce-cart .cart_totals,.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-MyAccount-navigation {
    padding:clamp(16px,3vw,28px);border:1px solid #0002;border-radius:14px;
    background:var(--ap-card-bg,#fff);color:var(--ap-ink,#303a34)
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation a {display:block;padding-block:8px;color:inherit}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {font-weight:700}
.woocommerce-cart .woocommerce-cart-form a:focus-visible,.woocommerce-account .woocommerce a:focus-visible,
.woocommerce-account .woocommerce button:focus-visible {
    outline:3px solid var(--ap-focus,#ac693c);outline-offset:2px
}
@media(max-width:767px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {margin-block-end:20px}
}