/*
Theme Name: Italy Tea Academy
Description: Child theme di TP Scenico per la formazione Italy Tea Academy.
Author: Arno Peck
Author URI: https://tempopresente.marketing/
Template: tp-scenico
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: italyteaacademy
*/

/* Gli stili di base restano nel parent; qui l'adattamento dei contenuti Jimdo. */
:where(h1, h2, h3, h4, h5, h6).wp-block-heading,
.entry__content :is(h1, h2, h3, h4, h5, h6),
.editor-styles-wrapper :is(h1, h2, h3, h4, h5, h6) {
	font-weight: 700;
}
.site-branding .custom-logo { width: auto; max-width: min(340px, 65vw); height: auto; }
.site-header .site-navigation__menu { column-gap: 1.25rem; row-gap: 0; }
.site-header .site-navigation__menu > .menu-item > a { font-size: 0.95rem; }
.site-header .site-navigation__menu a { line-height: 1.3; }
.entry__content > .assote-section,
.entry__content > .assote-cover { margin-block: 0; }
.assote-section { padding: clamp(2.5rem, 5vw, 5rem) max(1.25rem, var(--sc-gutter, 1.25rem)); }
.assote-section-inner { width: 100%; max-width: 76rem; margin-inline: auto; }
.assote-section-inner > :is(p, ul, ol) { max-width: 48rem; margin-inline: auto; }
.assote-section-inner > .wp-block-heading { max-width: 64rem; }
.assote-section-inner > :is(.assote-grid, .assote-media-columns, .assote-card) { max-width: 100%; }
.assote-section .wp-block-columns { margin-bottom: 0; }
.assote-section .wp-block-image { margin-block: 0; }
.assote-section .wp-block-image img { display: block; width: auto; height: auto; max-width: 100%; margin-inline: auto; border-radius: 0; }
.assote-grid { display: grid; gap: clamp(1.5rem, 3vw, 3rem); align-items: start; }
.assote-grid.assote-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.assote-grid.assote-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.assote-grid > .assote-card { min-width: 0; width: 100%; max-width: 100%; margin: 0; }
.assote-card > * { max-width: 100%; }
.assote-card .wp-block-image { margin-bottom: 1.5rem; }
.assote-card .wp-block-image img { max-height: 25rem; object-fit: contain; }
.assote-list .assote-card + .assote-card { border-top: 1px solid currentColor; padding-top: 2rem; margin-top: 2rem; }
.assote-gallery .assote-card .wp-block-image img { width: 100%; }
.assote-bg-white { background: var(--sc-color-background, #fff); }
.assote-bg-shade2 { background: var(--sc-color-surface); color: var(--sc-color-text); }
.assote-bg-maincolor { background: var(--sc-color-accent); color: var(--sc-color-on-accent); }
.assote-bg-secondarycolor { background: var(--sc-color-accent-2, var(--sc-color-surface)); color: var(--sc-color-on-accent-2, var(--sc-color-text)); }
.assote-bg-shade1 { background: var(--sc-color-accent); color: var(--sc-color-on-accent); }
.assote-bg-black { background: #000; color: #fff; }
.assote-section :is(h1,h2,h3,h4,p,li,a:not(.wp-block-button__link)) { color: inherit; }
.assote-bg-shade1 .wp-block-button__link,
.assote-bg-maincolor .wp-block-button__link,
.assote-bg-secondarycolor .wp-block-button__link { background: #fff; color: var(--sc-color-accent); }
.assote-cover .assote-cover-content { width: 100%; max-width: 60rem; text-align: center; }
.assote-cover :is(h1,h2,h3,p) { text-shadow: 0 1px 14px rgb(0 0 0 / 30%); }
.assote-cover .wp-block-buttons { justify-content: center; }
.assote-cover .wp-block-button__link { background: #fff; color: var(--sc-color-accent); text-shadow: none; }
.assote-banner .wp-block-image img { max-height: 32rem; object-fit: contain; }
.assote-video-link { padding-block: 2rem; }
.site-footer.site-footer--style-surface { background: var(--sc-color-accent); color: var(--sc-color-on-accent); }
.site-footer :is(a,p) { color: inherit; }
.site-footer__text { max-width: 54rem; margin-inline: auto; }
.assote-footer-credit { padding-top: 1.5rem; font-size: 0.9rem; text-align: center; }
@media (max-width: 759px) {
	.assote-grid.assote-grid-2, .assote-grid.assote-grid-3 { grid-template-columns: 1fr; }
	.assote-card .wp-block-image img { max-height: 22rem; }
	.entry__content > .assote-cover { min-height: 380px !important; }
	.site-header .site-navigation__menu > .menu-item > a { font-size: 1rem; }
}
.assote-media-columns .wp-block-image img { max-height: 42rem; object-fit: contain; }
.site-footer .widget_media_image { max-width: 17.5rem; margin-inline: auto; }
.site-footer .widget_media_image img { display: block; max-width: 100%; height: auto; }

/* Il parent ingrandisce tutti i titoli della prima cover e la trasforma in grid.
   Qui la copertina mantiene le proporzioni e la gerarchia del sito originale. */
.home .entry__content > .wp-block-cover.assote-cover:first-child {
  display: flex;
  min-height: clamp(30rem, 70svh, 51rem) !important;
  padding: 4rem 1.5rem;
}
.home .entry__content > .wp-block-cover.assote-cover:first-child .wp-block-cover__inner-container {
  width: 100%;
  max-width: 64rem;
}
.home .entry__content > .wp-block-cover.assote-cover:first-child .assote-cover-content {
  width: 100%;
  max-width: 52rem;
}
.home .entry__content > .wp-block-cover.assote-cover:first-child h1.wp-block-heading {
  font-size: clamp(2.25rem, 4vw, 3.5rem);
  line-height: 1.18;
  max-width: 46rem;
  margin: 0 auto 1.5rem;
}
.home .entry__content > .wp-block-cover.assote-cover:first-child h2.wp-block-heading {
  font-size: clamp(1.25rem, 2.2vw, 1.9rem);
  line-height: 1.35;
  margin: 0 auto .5rem;
}
.home .entry__content > .wp-block-cover.assote-cover:first-child h3.wp-block-heading {
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  line-height: 1.4;
  margin: 0 auto;
}
.assote-cover .wp-block-cover__image-background { z-index: 0; }
.assote-cover .wp-block-cover__background { z-index: 1; }
.assote-cover .wp-block-cover__inner-container { z-index: 2; }
.assote-section .wp-block-button__link,
.assote-cover .wp-block-button__link { border-radius: var(--sc-button-radius, 8px); }
.assote-bg-white .wp-block-button__link,
.assote-bg-shade2 .wp-block-button__link { background: var(--sc-color-accent); color: var(--sc-color-on-accent); }
.assote-stats .assote-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.assote-stats > .assote-section-inner > .wp-block-heading { text-align: center; }
@media (max-width: 759px) {
  .assote-stats .assote-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .assote-stats .assote-grid { grid-template-columns: 1fr; }
}

/* Navigazione: logo indipendente dalla larghezza delle voci. */
.site-header {
  --sc-header-ink: var(--sc-color-on-accent);
  --sc-header-ink-muted: rgba(255, 255, 255, .8);
  --sc-header-ink-hover: rgba(255, 255, 255, .8);
  --sc-header-chip-border: rgba(255, 255, 255, .65);
}
.site-header .site-branding { flex-shrink: 0; }
.site-header .custom-logo-link { width: min(16rem, 52vw); }
.site-header .site-branding .custom-logo { width: 100%; max-width: 100%; height: auto; max-height: none; }
.site-header .site-navigation__menu > .menu-item > a { font-size: 1rem; }
.site-header .menu-toggle { border-radius: 0; }
.site-header .site-navigation__menu > .menu-item.menu-button > a { background: #fff; color: var(--sc-color-accent); }
.site-header a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (min-width: 760px) {
  .site-header--layout-centered .site-header__inner { gap: .35rem; padding-block: .85rem .5rem; }
  .site-header .site-navigation__menu { gap: .35rem 1.25rem; }
  .site-header .site-navigation .sub-menu { max-height: 65vh; overflow-y: auto; text-align: left; }
  .site-header .site-navigation .sub-menu a { white-space: normal; border-radius: 0; }
}
@media (max-width: 759px) {
  .site-header--layout-centered .site-header__inner { justify-content: space-between; text-align: left; }
  .site-header .site-navigation.is-open { text-align: left; }
  .site-header .site-navigation.is-open .sub-menu { margin-block: .25rem .75rem; }
  .admin-bar .site-header .site-navigation.is-open { height: calc(100dvh - 100% - 46px); }
}

/* Identità Academy: marrone del logo e sfondi blu polvere e grigio azzurrato. */
.site-header .site-title { font-family: var(--sc-font-heading); font-size: 1.85rem; line-height: 1.2; font-weight: 700; }
.site-header .site-branding__tagline { font-size: .95rem; }
@media (max-width:759px) { .site-header .site-title { font-size: 1.4rem; } }

/* Marchio quadrato originale, affiancato al nome dell'Accademia. */
.site-header .site-branding .custom-logo-link { width: 4.5rem; flex: 0 0 4.5rem; }
.site-header .site-branding .custom-logo { width: 100%; height: auto; border-radius: 50%; }
@media (max-width: 759px) {
  .site-header .site-branding .custom-logo-link { width: 3rem; flex-basis: 3rem; }
  .site-header .site-branding__identity { gap: .65rem; }
  .site-header .site-title { font-size: 1.15rem; }
  .site-header .site-branding__tagline { font-size: .8rem; }
}

/* Revisione visiva: proporzioni Jimdo e testata con marchio su fondo bianco. */
.site-header { background: var(--sc-color-background); box-shadow: 0 1px 0 rgb(0 0 0 / 8%); }
.site-header .site-branding { color: var(--sc-color-text); }
.site-header .site-branding :is(.site-title,.site-branding__tagline) { color: inherit; }
.site-header .menu-toggle { color: var(--sc-color-text); border-color: currentColor; min-height: 44px; }
.site-header .site-navigation__menu > .menu-item.menu-button > a { border-radius: var(--sc-button-radius, 8px); }
@media (min-width: 760px) {
 .site-header--layout-centered .site-header__inner { max-width: none; width: 100%; padding: 0; gap: 0; }
 .site-header .site-branding { padding: 1rem 1.5rem; }
 .site-header .site-navigation { width: 100%; justify-content: center; background: var(--sc-color-accent); padding: .5rem 1.25rem; }
 .site-header .site-navigation__menu { justify-content: center; }
 .site-header .site-navigation__menu > .menu-item > a { min-height: 44px; display: inline-flex; align-items: center; }
}
.entry__content { overflow-wrap: anywhere; }
.assote-section-inner { max-width: 72.5rem; }
.assote-section-inner > :is(p,ul,ol) { max-width: 46.875rem; }
.entry__content .assote-section { padding-block: clamp(3rem, 6vw, 6rem); }
.entry__content .assote-section-inner > h2:first-child,
.entry__content .assote-cover-content > h2:first-child { font-size: clamp(2rem, 3.34vw, 3rem); line-height: 1.3; }
.entry__content .assote-card h2 { font-size: clamp(1.65rem, 2.5vw, 2.25rem); }
.entry__content .assote-cover { min-height: 100svh !important; padding: clamp(3rem, 7vw, 7rem) 1.5rem; }
.entry__content .assote-cover .assote-cover-content { max-width: 46.875rem; margin-inline: auto; }
.home .entry__content > .wp-block-cover.assote-cover:first-child { min-height: calc(100svh - 132px) !important; }
.home .entry__content > .wp-block-cover.assote-cover:first-child h1.wp-block-heading { font-size: clamp(2.5rem, 4.45vw, 4rem); line-height: 1.3; max-width: 46.875rem; }
.home .entry__content > .wp-block-cover.assote-cover:first-child h2.wp-block-heading { font-size: clamp(1.5rem, 2.5vw, 2.25rem); }
.home .entry__content > .wp-block-cover.assote-cover:first-child h3.wp-block-heading { font-size: clamp(1.125rem, 1.67vw, 1.5rem); }
.entry__content .assote-cover-light,
.entry__content .assote-cover-light :is(h1,h2,h3,p) { color: var(--sc-color-text); text-shadow: none; }
.entry__content .assote-section .wp-block-button__link,
.entry__content .assote-cover .wp-block-button__link { border-radius: var(--sc-button-radius, 8px); background: var(--sc-color-accent); color: var(--sc-color-on-accent); min-height: 44px; padding: .7rem 1.35rem; font-size: .95rem; line-height: 1.4; box-shadow: none; }
.entry__content :is(.assote-bg-shade1,.assote-bg-maincolor,.assote-bg-secondarycolor,.assote-cover:not(.assote-cover-light)) .wp-block-button__link { background: #fff; color: var(--sc-color-accent); }
.entry__content .wp-block-button__link:hover { filter: brightness(.9); }
.entry__content .wp-block-button__link:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.entry__content .assote-press { padding-top: 0; }
.assote-press .assote-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2rem; align-items: center; }
.assote-press .assote-card .wp-block-image { margin: 0; }
.assote-press .assote-card .wp-block-image img { width: 100%; height: 7rem; object-fit: contain; }
.assote-partners .assote-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.assote-partners .assote-card .wp-block-image img { height: 8rem; width: 100%; object-fit: contain; }
.assote-partners .assote-card p { font-size: .95rem; }
.assote-learning .assote-media-columns { flex-direction: column-reverse; align-items: center !important; text-align: center; }
.assote-learning .assote-media-columns > .wp-block-column { flex-basis: auto !important; width: min(100%,46.875rem); }
.assote-learning .wp-block-image img { max-width: 28rem; width: 100%; }
.assote-learning .wp-block-buttons { justify-content: center; }
.site-footer .widget-area { gap: 2rem; }
@media (min-width: 1000px) {
 .entry__content .assote-register-cover { align-items: flex-end; }
 .entry__content .assote-register-cover .assote-cover-content { max-width: 72.5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 4rem; text-align: left; }
 .assote-register-cover .assote-cover-content > h2:first-child { grid-row: span 2; align-self: center; margin: 0; }
 .assote-register-cover .wp-block-buttons { justify-content: flex-start; }
}
@media (max-width: 999px) and (min-width: 760px) {
 .site-header .site-navigation { flex-wrap: wrap; gap: .25rem; }
 .site-header .site-navigation__menu { column-gap: .85rem; }
 .site-header .site-navigation__menu > .menu-item > a { font-size: .9rem; }
}
@media (max-width: 759px) {
 .site-header .site-header__inner { padding-block: 1rem; }
 .site-header .site-navigation.is-open { background: #fff; }
 .site-header .site-navigation.is-open .site-navigation__menu a { color: var(--sc-color-text); min-height: 44px; padding-block: .65rem; }
 .site-header .site-navigation.is-open .menu-button > a { background: var(--sc-color-accent); color: var(--sc-color-on-accent); }
 .entry__content .assote-section { padding: 3rem 1.25rem; }
 .entry__content .assote-cover,
 .home .entry__content > .wp-block-cover.assote-cover:first-child { min-height: max(30rem, 75svh) !important; padding: 3rem 1.25rem; }
 .home .entry__content > .wp-block-cover.assote-cover:first-child h1.wp-block-heading { font-size: clamp(2rem,8vw,3rem); }
 .entry__content .assote-cover-content :is(h2,h3) { line-height: 1.35; }
 .assote-media-columns { gap: 2rem; }
 .assote-press .assote-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
 .assote-press .assote-card .wp-block-image img { height: 5rem; }
 .assote-partners .assote-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .assote-stats .assote-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .wp-block-table { overflow-x: auto; }
 .site-footer { padding-inline: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
}

/* Usa i token del parent anche per le sue regole di contrasto ad alta priorità. */
:is(.assote-section,.assote-cover) { --sc-button-bg: var(--sc-color-accent); --sc-button-ink: var(--sc-color-on-accent); }
:is(.assote-bg-shade1,.assote-bg-maincolor,.assote-bg-secondarycolor,.assote-cover:not(.assote-cover-light)) { --sc-button-bg: #fff; --sc-button-ink: var(--sc-color-accent); }
.entry__content .wp-block-cover.assote-cover-light,
.entry__content .wp-block-cover.assote-cover-light :is(h1,h2,h3,h4,p,li,a:not(.wp-block-button__link)) { color: var(--sc-color-text); text-shadow: none; }
.entry__content .assote-cover-light .wp-block-cover__inner-container { color: var(--sc-color-text); }

/* Le pagine a fasce gestiscono internamente la propria spaziatura. */
.page .site-main:has(.entry__content > .assote-section:first-child),
.page .site-main:has(.entry__content > .assote-cover:first-child) { padding-block: 0; }
@media (min-width:760px) { .home .entry__content > .wp-block-cover.assote-cover:first-child { min-height: max(30rem, calc(100svh - 192px)) !important; } }

/* Rispetta il rapporto scelto nel blocco Immagine, senza il limite delle card. */
.entry__content .assote-section .wp-block-image img[style*="aspect-ratio"] { max-height: none; }

/* Il testo segue la misura di base impostata nel Customizer. */
.entry__content { font-size: var(--sc-body-size, 1.125rem); line-height: 1.6; }

/* Raccolta editoriale: Query Loop e immagini in evidenza native. */
.academy-editorial.site-main { padding-block: 0; }
.entry__content .assote-section-inner > .academy-articles { max-width: 100%; margin-top: 3rem; }
.academy-articles .wp-block-post-template { gap: 3rem 2rem; }
.academy-articles .wp-block-post { min-width: 0; }
.academy-articles .wp-block-post-featured-image { margin: 0 0 1.25rem; }
.academy-articles .wp-block-post-featured-image img { display: block; width: 100%; }
.academy-articles .wp-block-post-title { margin-block: 0 1rem; }
.academy-articles .wp-block-post-excerpt { margin-block: 0 1rem; }
.academy-articles .wp-block-post-excerpt p { margin-block: 0; }
.academy-articles .wp-block-read-more { display: inline-flex; align-items: center; min-height: 44px; color: var(--sc-color-accent); text-underline-offset: .2em; }
@media (max-width: 900px) { .academy-articles .wp-block-post-template { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 599px) { .academy-articles .wp-block-post-template { grid-template-columns: 1fr; } }

/* Ritorno alla categoria per gli articoli a sezioni. */
.academy-editorial.site-main { padding-block: 0; }
.editorial-return { padding-block: 2rem; }
.editorial-return a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 700; text-underline-offset: .2em; }

/* Academy: ritmo delle sezioni e allineamento dei percorsi formativi. */
.home .entry__content > .assote-cover:not(:first-child){min-height:clamp(25rem,55svh,36rem)!important;padding-block:clamp(3rem,5vw,5rem)}
.home .academy-professional-cover .wp-block-cover__background{background-color:var(--sc-color-text)!important}
.home .assote-grid-3{align-items:stretch}
.home .assote-grid-3 > .assote-card{display:flex;flex-direction:column;align-items:stretch}
.home .assote-grid-3 > .assote-card > .wp-block-buttons{margin-top:auto;padding-top:.75rem}
.home .assote-grid-3 > .assote-card > .wp-block-image{margin-bottom:1.25rem}
/* Il ritaglio quadrato del sommelier include il vassoio. */
.wp-block-image.academy-course-sommelier img { object-position: 50% calc(95% + 35px); }
.home .assote-grid-3 > .assote-card > h3{margin-top:0}
.home .assote-grid-3 > .assote-card > p{margin-top:.75rem;margin-bottom:1rem}
.home .assote-learning .wp-block-image img{max-width:18rem}
@media(min-width:900px){
 .home .assote-learning .assote-media-columns{flex-direction:row;gap:3rem;text-align:left}
 .home .assote-learning .assote-media-columns>.wp-block-column:first-child{flex:2 1 0!important;width:auto}
 .home .assote-learning .assote-media-columns>.wp-block-column:last-child{flex:1 1 0!important;width:auto}
 .home .assote-learning .wp-block-buttons{justify-content:flex-start}
}
@media(max-width:759px){
 .home .entry__content > .assote-cover:not(:first-child){min-height:0!important;padding-block:3.5rem}
 .home .assote-grid-3{gap:2.5rem}
 .home .assote-grid-3 > .assote-card > .wp-block-buttons{padding-top:.25rem}
}

.home .assote-grid-3 > .assote-card > :is(h3,p){width:100%;margin-inline:0;text-align:left}
.home .assote-grid-3 > .assote-card > .wp-block-buttons{width:100%;margin-inline:0;justify-content:flex-start}

/* Collegamenti social dedicati al footer, gestibili nel menu Social. */
.site-header .social-footer-only { display: none; }

/* Marchio: simbolo a sinistra, nome e descrizione allineati nella stessa colonna. */
.site-header .site-branding--logo_title_horizontal {
 display: grid;
 grid-template-columns: auto auto;
 grid-template-rows: 1fr 1fr;
 column-gap: .75rem;
 row-gap: 0;
 text-align: left;
}
.site-header .site-branding--logo_title_horizontal .site-branding__identity { display: contents; }
.site-header .site-branding--logo_title_horizontal .custom-logo-link { grid-column: 1; grid-row: 1 / 3; align-self: center; }
.site-header .site-branding--logo_title_horizontal .site-title { grid-column: 2; grid-row: 1; align-self: end; margin: 0; }
.site-header .site-branding--logo_title_horizontal .site-branding__tagline { grid-column: 2; grid-row: 2; align-self: start; margin: .2rem 0 0; }
@media (max-width: 759px) {
 .site-header .site-branding--logo_title_horizontal { column-gap: .5rem; }
}

/* Identità del footer e stesso sfondo dell'header anche al ritorno dallo scroll. */
.site-footer__brand > .custom-logo-link { display: block; width: fit-content; margin: 0 auto 1rem; }
.site-footer__brand > .custom-logo-link img { display: block; width: 90px; height: 90px; object-fit: contain; border-radius: 50%; }
.site-header.site-header--style-solid.is-scrolled { background: var(--sc-color-background); }

/* Le immagini delle schede riempiono la colonna anche se il file è più piccolo. */
.assote-grid-3 > .assote-card > .wp-block-image {
    width: 100%;
}

/* Schede native: stessa struttura nell’editor e nella pagina pubblica. */
.assote-section-inner > .assote-home-cards { max-width: 100%; }
.assote-home-cards > .assote-card, .assote-editor-card { display: flex; flex-direction: column; align-items: stretch; }
.assote-home-cards > .assote-card > .wp-block-image, .assote-editor-card > .wp-block-image { width: 100%; }
.assote-home-cards > .assote-card > .wp-block-buttons, .assote-editor-card > .wp-block-buttons { margin-top: auto; padding-top: .75rem; }

/* Compensa la spaziatura scenografica del parent solo per queste schede. */
.entry__content > .wp-block-group.alignfull .wp-block-columns.assote-home-cards,
.editor-styles-wrapper .assote-home-cards { gap: clamp(1.5rem,3vw,3rem); align-items: stretch; }

/* Anteprima video locale: il play apre Vimeo, senza incorporare il player. */
.assote-iframe .wp-block-image a[href*="vimeo.com/"] {
    position: relative;
    display: block;
}
.assote-iframe .wp-block-image a[href*="vimeo.com/"]::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 84px;
    height: 54px;
    border-radius: 8px;
    background: rgba(20, 20, 20, .9);
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.assote-iframe .wp-block-image a[href*="vimeo.com/"]::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 18px solid white;
    transform: translate(-40%, -50%);
    pointer-events: none;
}
.assote-iframe .wp-block-image a[href*="vimeo.com/"]:is(:hover, :focus-visible)::before {
    background: #00adef;
}
.assote-iframe .wp-block-image a[href*="vimeo.com/"]:focus-visible {
    outline: 3px solid #00adef;
    outline-offset: 4px;
}