/*
Theme Name: Extendable · TerraDiretta Agricoltura
Template: extendable
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: td-extendable-agriculture
Description: Adattamento agricolo di Extendable 2.1.9. Contenuti, media e negozio gestiti da TerraDiretta Projects.
*/
.td-extendable {
  --td-paper:var(--wp--preset--color--background); --td-ink:var(--wp--preset--color--foreground);
  --td-primary:var(--wp--preset--color--primary); --td-hover:var(--wp--preset--color--secondary);
  --td-soft:var(--wp--preset--color--tertiary); --td-light:#fff; --td-accent:var(--wp--preset--color--tertiary);
  --td-muted:var(--td-ink); --td-quiet:var(--td-primary); --td-line:color-mix(in srgb,var(--td-primary) 22%,transparent);
  --td-heading:var(--wp--preset--font-family--manrope,system-ui,sans-serif);
  background:var(--td-paper); color:var(--td-ink);
}
.td-extendable .wp-site-blocks>* { margin-block-start:0; }
.td-extendable .td-extendable-header { border-bottom:1px solid var(--td-line); padding:20px clamp(20px,4vw,64px); }
.td-extendable .td-extendable-header>.wp-block-group { max-width:1320px; margin:auto; gap:28px; }
.td-extendable .wp-block-site-title { max-width:340px; font:650 clamp(17px,1.5vw,22px)/1.3 var(--td-heading); margin:0; }
.td-extendable .td-brand-lockup { display:flex; align-items:center; gap:12px; }
.td-extendable .td-brand-symbol { width:58px; height:58px; object-fit:contain; }
.td-extendable .wp-block-navigation { font-size:14px; font-weight:600; }
.td-extendable .wp-block-navigation-item__content { min-height:44px; display:inline-flex; align-items:center; }
.td-extendable .td-photo-wrap { width:min(100% - 48px,1280px); }
.td-extendable .td-photo-hero { display:flex; flex-direction:column; align-items:stretch; padding:72px 0 60px; gap:42px; text-align:left; }
.td-extendable .td-photo-hero-copy { max-width:none; display:grid; grid-template-columns:1.25fr 1fr; column-gap:clamp(32px,7vw,112px); align-items:start; }
.td-extendable .td-photo-hero h1 { grid-column:1; grid-row:1/4; font:650 clamp(40px,5.6vw,80px)/1.08 var(--td-heading); max-width:18ch; margin:0; letter-spacing:-.045em; }
.td-extendable .td-photo-company-prefix { font-size:12px; font-weight:600; letter-spacing:.12em; margin-bottom:18px; }
.td-extendable .td-photo-hero-copy>.td-photo-eyebrow { grid-column:1/-1; }
.td-extendable .td-photo-hero-copy:has(>.td-photo-eyebrow) h1 { grid-row:2/4; }
.td-extendable .td-photo-lead { grid-column:2; max-width:52ch; font-size:clamp(17px,1.55vw,20px); margin:0; }
.td-extendable .td-photo-actions { grid-column:2; justify-content:flex-start; gap:22px; margin:18px 0 0; }
.td-extendable .td-photo-hero-visual { padding:0; margin:0; order:0; }
.td-extendable .td-photo-hero-visual>.td-photo-image img { aspect-ratio:2.25; border-radius:28px; }
.td-extendable .td-photo-image img { border-radius:22px; }
.td-extendable .td-photo-layout h2 { font-family:var(--td-heading); font-weight:650; letter-spacing:-.035em; }
.td-extendable .td-photo-button { border-radius:100px; font-family:inherit; background:var(--td-primary); color:#fff; }
.td-extendable .td-presentation-intro { padding-block:10px 42px; max-width:76ch; font-size:18px; }
.td-extendable .td-photo-story { padding-block:64px; }
.td-extendable .td-photo-story.has-photo { gap:clamp(30px,7vw,100px); }
.td-extendable .td-photo-story.text-only .td-photo-story-copy { display:block; max-width:76ch; }
.td-extendable .td-photo-story.text-only { background:transparent; padding:64px 0; margin-block:0; }
.td-extendable .td-photo-index { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--td-soft); font-weight:700; }
.td-extendable .td-photo-gallery { border-radius:28px; width:min(100% - 48px,1320px); margin:32px auto 64px; }
.td-extendable .td-photo-contact { background:var(--td-soft); color:var(--td-ink); }
.td-extendable .td-photo-contact .td-photo-eyebrow { color:var(--td-primary); }
.td-extendable .td-photo-contact .td-photo-button { color:#fff; background:var(--td-primary); }
.td-extendable .td-storefront { background:transparent; }
.td-extendable .td-storefront-card { border:0; border-radius:24px; padding:18px; background:var(--td-soft); }
.td-extendable .td-storefront-card img { border-radius:16px; }
.td-extendable .td-company-gallery { width:min(100% - 48px,1280px); margin:40px auto 70px; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:24px; }
.td-extendable .td-company-gallery figure { margin:0; }
.td-extendable .td-company-gallery img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:20px; }
.td-extendable .td-extendable-footer { background:var(--td-hover); color:#fff; padding:56px clamp(24px,5vw,80px) 32px; }
.td-extendable .td-extendable-footer a { color:inherit; }
.td-extendable .td-extendable-footer>.wp-block-group { max-width:1280px; margin:auto; }
.td-extendable .td-extendable-credit { border-top:1px solid #ffffff55; margin-top:36px; padding-top:24px; font-size:13px; }
.td-extendable :where(a,button,input,select,textarea):focus-visible { outline:3px solid var(--td-primary); outline-offset:5px; }
.td-extendable .td-extendable-footer :where(a,button):focus-visible { outline-color:#fff; }
.td-extendable .wp-block-woocommerce-product-image img { border-radius:18px; }
.td-extendable .wp-block-post-content>h1,.td-extendable .wp-block-post-content>p { width:min(100% - 48px,76ch); margin-inline:auto; }
@media(max-width:760px) {
 .td-extendable .td-photo-hero { padding:40px 0; gap:28px; }
 .td-extendable .td-photo-hero-copy { display:block; }
 .td-extendable .td-photo-hero h1 { margin-bottom:24px; font-size:clamp(36px,9vw,56px); }
 .td-extendable .td-photo-hero-visual>.td-photo-image img { aspect-ratio:4/3; border-radius:20px; }
 .td-extendable .td-photo-story { padding-block:36px; }
 .td-extendable .td-photo-story.text-only { padding-block:36px; }
 .td-extendable .td-photo-story.has-photo { grid-template-columns:1fr; }
 .td-extendable .td-photo-story.is-reversed .td-photo-story-copy { order:0; }
 .td-extendable .td-photo-contact>div { flex-direction:column; align-items:flex-start; }
 .td-extendable .td-extendable-header { padding:16px 20px; }
 .td-extendable .td-extendable-header .wp-block-site-title { max-width:220px; }
 .td-extendable .td-brand-symbol { width:44px; height:44px; }
}