/*
Theme Name: Schwibbert Tokens
Description: Tema a blocchi per schwibbert.net costruito sui design token misurati da un'analisi non ufficiale di revolut.com (tipografia, colori, raggi, spaziatura, pulsanti pill). Non include font, loghi o immagini del brand originale.
Author: Andrea Schwibbert
Version: 1.0.2
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: schwibbert-tokens
*/

/* Quello che theme.json non esprime: header sticky, hover delle card, pill delle categorie, codice. */
:root{--st-ease:cubic-bezier(.15,.5,.5,1)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--wp--preset--color--background) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--wp--preset--color--border)}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.site-header .wp-block-site-title a{text-decoration:none;font-family:var(--wp--preset--font-family--mono)}
.site-header .wp-block-navigation a{text-decoration:none}
.hero{position:relative;overflow:hidden}
.hero h1{max-width:16em}
.is-style-card{border-radius:var(--wp--custom--radius--card);transition:transform .45s var(--st-ease),box-shadow .45s var(--st-ease)}
.is-style-card:hover{transform:translateY(-4px)}
.is-style-card .wp-block-post-title a{text-decoration:none;color:inherit}
.is-style-card .wp-block-post-title a::after{content:"";position:absolute;inset:0}
.is-style-card{position:relative}
.is-style-card .wp-block-post-terms a{text-decoration:none}
.is-style-inverse-card{background:var(--wp--preset--color--surface-inverse);color:var(--wp--preset--color--text-inverse);border-radius:var(--wp--custom--radius--card)}
.is-style-inverse-card a{color:inherit}
.is-style-pill .wp-block-categories,.wp-block-categories.is-style-pill{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--8)}
.wp-block-categories.is-style-pill li{margin:0}
.wp-block-categories.is-style-pill a{display:inline-flex;align-items:center;height:var(--wp--custom--button--height);padding:0 var(--wp--custom--button--padding-x);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--pill);text-decoration:none;font-weight:500;transition:background .3s var(--st-ease),color .3s var(--st-ease)}
.wp-block-categories.is-style-pill a:hover{background:var(--wp--preset--color--action);color:var(--wp--preset--color--background)}
.wp-block-post-terms.is-style-chip a{display:inline-block;padding:2px 12px;border:1px solid currentColor;border-radius:var(--wp--custom--radius--pill);font-size:var(--wp--preset--font-size--small);text-decoration:none;margin-right:6px}
.wp-block-search__input{border-radius:var(--wp--custom--radius--input);border:1px solid var(--wp--preset--color--border);background:var(--wp--preset--color--surface);min-height:var(--wp--custom--input--height);padding:0 var(--wp--custom--input--padding-x)}
.wp-block-search__button{border-radius:var(--wp--custom--radius--pill)}
.wp-block-post-content pre,.wp-block-code{background:var(--wp--preset--color--surface-inverse);color:var(--wp--preset--color--text-inverse);border-radius:var(--wp--custom--radius--card);padding:var(--wp--preset--spacing--24);overflow:auto;font-family:var(--wp--preset--font-family--mono);font-size:.85rem;line-height:1.6;border:0}
.wp-block-post-content :not(pre)>code{background:var(--wp--preset--color--surface);border-radius:6px;padding:.1em .4em;font-family:var(--wp--preset--font-family--mono);font-size:.88em}
.wp-block-post-content img,.wp-block-post-featured-image img{border-radius:var(--wp--custom--radius--card)}
.wp-block-query-pagination a{text-decoration:none}
.wp-block-query-pagination-numbers .current{font-weight:700}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--wp--preset--color--accent-strong);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer .wp-block-categories li{line-height:1.9}
.site-header .wp-block-button__link{white-space:nowrap}
@media (max-width:600px){.site-header .wp-block-site-title{font-size:1rem!important}.site-header .wp-block-button__link{padding:10px 16px!important;font-size:.875rem!important}.site-header>.wp-block-group{gap:var(--wp--preset--spacing--8)}}

.wp-block-read-more{display:inline-flex;align-items:center;height:var(--wp--custom--button--height);padding:0 var(--wp--custom--button--padding-x);border-radius:var(--wp--custom--radius--pill);background:var(--wp--preset--color--background);color:var(--wp--preset--color--text);font-weight:500;font-size:1rem;text-decoration:none;transition:transform .3s var(--st-ease)}
.is-style-inverse-card .wp-block-read-more{color:var(--wp--preset--color--text)}
.wp-block-read-more:hover{transform:translateY(-2px)}
.featured-post .wp-block-post-title{max-width:18em;margin:0}
.featured-post .wp-block-post-excerpt{max-width:40em}
.featured-post .wp-block-post-terms a{color:inherit}

/* Testi lunghi (URL, tabelle) non devono allargare la pagina su mobile. */
.wp-block-post-content,.wp-block-post-content a,.wp-block-post-content li{overflow-wrap:anywhere}
.wp-block-post-content table,.cky-audit-table-element{display:block;max-width:100%;overflow-x:auto}
/* Categorie multiple: niente virgole tra i chip. */
.wp-block-post-terms.is-style-chip .wp-block-post-terms__separator{display:none}

/* Card della griglia: tutte alla stessa altezza, data allineata in basso. */
.wp-block-post-template.is-layout-grid{align-items:stretch}
.wp-block-post-template.is-layout-grid>li{display:flex}
.wp-block-post-template.is-layout-grid>li>.is-style-card{display:flex;flex-direction:column;width:100%}
.wp-block-post-template.is-layout-grid>li>.is-style-card>.wp-block-post-date{margin-top:auto;padding-top:var(--wp--preset--spacing--12)}
