:root{
--color-primary:        #0e7c7b;  
--color-primary-hover:  #086a69;  
--color-primary-soft:   #f0f9f8;  
--color-secondary:      #f4a261;  
--color-secondary-hover:#e8923a;  
--color-text:           #2a363b;  
--color-text-deep:      #1d3540;  
--color-text-muted:     #6b6b6b;  
--color-cream:          #fbfaf7;  
--color-border:         #e5e5e5;  
--color-border-warm:    #e8e6e1;  
--font-serif:           "Cormorant Garamond", Georgia, "Times New Roman", serif;
--radius-sm:            6px;      
--radius-md:            8px;      
--radius-lg:            12px;     
--radius-pill:          999px;    
--shadow-xs:            0 1px 4px rgba(0,0,0,.04);     
--shadow-sm:            0 1px 8px rgba(0,0,0,.06);     
--shadow-card:          0 2px 18px rgba(38,70,83,.07); 
--shadow-md:            0 2px 12px rgba(0,0,0,.07);    
--shadow-img:           0 4px 24px rgba(38,70,83,.12); 
--shadow-lg:            0 6px 20px rgba(0,0,0,.10);    
--shadow-hover:         0 8px 22px rgba(14,124,123,.14); 
--space-px: 1px;
--space-2xs: 2px;
--space-xs: 4px;
--space-sm: 8px;
--space-md: 12px;
--space-lg: 16px;
--space-xl: 20px;
--space-2xl: 24px;
--space-3xl: 32px;
--space-4xl: 40px;
--space-5xl: 48px;
--space-6xl: 56px;
--space-7xl: 80px;
--fs-xs: 0.75rem;
--fs-sm: 0.875rem;
--fs-base: 1rem;
--fs-md: 1.125rem;
--fs-lg: 1.5rem;
--fs-xl: 1.75rem;
--fs-2xl: 2.05rem;
--fs-3xl: 2.25rem;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
font-size: var(--fs-base);
line-height: 1.7;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
font-family: var(--font-serif);
font-weight: 600;
color: var(--color-text-deep);
letter-spacing: -0.01em;
}
body h2, body h3 { font-weight: 600; }
h1 { font-size: var(--fs-3xl); line-height: 1.2; margin-bottom: 1.2rem; }
h2 { font-size: var(--fs-2xl); line-height: 1.25; margin-top: 2.5rem; margin-bottom: 1rem; padding-bottom: .35rem; border-bottom: 3px solid var(--color-primary); display: inline-block; }
h3 { font-size: var(--fs-lg); line-height: 1.35; margin-top: 1.8rem; margin-bottom: .7rem; color: var(--color-primary); }
.entry-content > p, .entry-content > ul, .entry-content > ol { max-width: 900px; margin-left: auto; margin-right: auto; }
.entry-content p {
font-size: var(--fs-base);
margin-bottom: 1.3rem;
}
.wp-block-image {
margin-top: 2rem;
margin-bottom: 2rem;
}
.wp-block-image img {
border-radius: var(--radius-md);
box-shadow: var(--shadow-img);
}
.wp-block-image:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide) img {
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content .wp-block-image figcaption.wp-element-caption,
.wp-element-caption {
text-align: center;
font-size: var(--fs-sm);
color: var(--color-text-muted);
font-style: italic;
margin-top: .6rem;
margin-bottom: 0;
}
.img-credit {
display: block;
text-align: center;
font-size: 0.85em;
color: var(--color-text-muted);
font-style: italic;
margin-top: .25rem;
}
.img-credit-free {
display: none;
}
.wp-block-cover {
border-radius: 0;
margin-top: 0 !important;
margin-bottom: 3rem;
}
.wp-block-cover h1 {
text-shadow: 0 2px 12px rgba(0,0,0,.4);
}
.entry-content ul li,
.entry-content ol li {
margin-bottom: .5rem;
}
strong {
color: var(--color-text-deep);
font-weight: 700;
}
body a {
color: var(--color-primary);
}
body a:hover,
body a:focus,
body a:active {
color: var(--color-primary-hover);
}
.entry-content a {
text-decoration: none;
transition: color .2s ease;
}
.entry-content a:hover,
.entry-content a:focus-visible {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
text-decoration-color: var(--color-primary);
}
.entry-title {
font-size: var(--fs-3xl);
line-height: 1.15;
margin-bottom: .8rem;
color: var(--color-text-deep);
}
.entry-meta {
color: var(--color-text-muted);
font-size: var(--fs-sm);
margin-bottom: 2rem;
padding-bottom: 1.2rem;
border-bottom: 1px solid var(--color-border-warm);
}
.entry-meta a {
color: var(--color-primary);
}
.post-image,
.post-image img,
.featured-image img {
border-radius: 0;
width: 100%;
margin-bottom: 2rem;
}
.main-title a {
font-family: var(--font-serif);
font-weight: 700;
font-size: var(--fs-xl);
letter-spacing: -0.01em;
}
.main-navigation .menu > li > a {
font-weight: 600;
text-transform: uppercase;
letter-spacing: .04em;
font-size: var(--fs-sm);
}
.cat-links {
display: inline-flex;
align-items: center;
gap: .35rem;
}
.entry-content .wp-block-button__link,
.entry-content .button,
.entry-content button:not([class*="apt-gallery"]):not([class*="booking-widget"]) {
border-radius: var(--radius-sm);
font-weight: 600;
padding: .85rem 1.6rem;
letter-spacing: .02em;
}
.wp-block-columns .wp-block-column {
background: #ffffff;
padding: 1.8rem 1.4rem;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-card);
border: 1px solid var(--color-border-warm);
}
.wp-block-columns .wp-block-column h3 {
margin-top: 0;
}
.wp-block-latest-posts.is-grid {
gap: 1.5rem;
}
.wp-block-latest-posts.is-grid li {
background: #ffffff;
padding: 1.2rem;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-card);
border: 1px solid var(--color-border-warm);
list-style: none;
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid li img {
border-radius: var(--radius-md);
margin-bottom: .8rem;
}
.wp-block-latest-posts__post-title {
font-family: var(--font-serif);
font-size: var(--fs-md);
line-height: 1.35;
}
.wp-block-separator {
border: none;
border-top: 2px solid var(--color-border-warm);
max-width: 80px;
margin: 3rem auto;
}
.wp-block-cover {
min-height: 60vh !important;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
width: 100vw;
max-width: none;
}
.wp-block-cover h1 {
font-size: 3.2rem;
text-shadow: 0 4px 24px rgba(0,0,0,.55);
}
.single .post-image,
.single .featured-image {
margin-bottom: 1.5rem;
}
html {
scroll-behavior: smooth;
}
::selection {
background: var(--color-primary);
color: #fff;
}
body .site-header img.header-image.is-logo-image,
body .site-header .site-logo img {
width: auto;
height: 64px;
max-height: 64px;
max-width: none;
}
body .site-header .inside-header {
display: flex;
align-items: center;
gap: var(--space-md);
padding: var(--space-xs) var(--space-lg);
max-width: 100%;
box-sizing: border-box;
}
body .site-header .site-branding-container {
display: flex;
align-items: center;
gap: 0;
flex: 1 1 auto;
min-width: 0;
}
body .site-header .site-logo {
display: flex;
align-items: center;
flex-shrink: 0;
}
body .site-header .site-branding {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
}
body .site-branding .main-title {
margin: 0;
line-height: 0;
font-size: 0;
}
body .site-branding .main-title a {
text-decoration: none;
color: transparent;
display: inline-block;
font-size: 0;
line-height: 0;
}
.site-branding .main-title a::before {
content: "Apartment in Catania";
white-space: nowrap;
display: block;
font-family: var(--font-serif);
font-style: italic;
font-weight: 600;
font-size: var(--fs-lg);
line-height: 1;
letter-spacing: -0.005em;
color: #1a2432;
}
body .site-header .main-navigation.mobile-menu-control-wrapper {
flex: 0 0 auto;
margin-left: auto;
}
body .site-header .menu-toggle {
width: 44px;
height: 44px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
}
body .menu-toggle .gp-icon svg {
width: 24px;
height: 24px;
}
.site-main {
margin-top: 0 !important;
}
.inside-article {
padding-top: 0 !important;
}
.entry-meta .posted-on,
.entry-meta .byline + .posted-on,
.entry-meta time.entry-date,
.entry-meta .entry-date,
time.entry-date.published,
time.entry-date.updated,
.entry-date.published,
.entry-date.updated,
.posted-on,
.updated-on {
display: none;
}
.inside-article .entry-meta {
gap: 0;
}
.aic-layout-fullwidth .site-content .content-area{width:100%}
.aic-layout-fullwidth #right-sidebar{display:none}
.aic-layout-no-title .entry-header{display:none}
.main-navigation .main-nav ul li.current-menu-item > a[href*="#appartamenti"],
.main-navigation .main-nav ul li.current-menu-item > a[href*="#contatti"]{color:var(--color-text);background-color:transparent}
.main-navigation .main-nav ul li > a[href*="#appartamenti"]:hover,
.main-navigation .main-nav ul li > a[href*="#contatti"]:hover{color:var(--color-primary);background-color:var(--color-primary-soft)}
.etarya-apt-card{display:flex;gap:var(--space-2xl);align-items:center;margin:var(--space-4xl) 0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}
.etarya-apt-card.etarya-reverse{flex-direction:row-reverse}
.etarya-apt-img{flex:0 0 45%;min-height:300px;background-size:cover;background-position:center;position:relative}
.etarya-apt-img span{position:absolute;bottom:var(--space-md);left:var(--space-md);background:rgba(255,255,255,.88);padding:var(--space-xs) var(--space-md);border-radius:4px;font-size:var(--fs-xs);color:var(--color-text-muted)}
.etarya-apt-body{flex:1;padding:var(--space-2xl) var(--space-2xl)}
.etarya-apt-card .etarya-tag{display:inline-block;background:var(--color-primary);color:#fff;font-size:var(--fs-xs);padding:var(--space-xs) var(--space-sm);border-radius:3px;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}
.etarya-apt-body ul{list-style:none;margin:var(--space-md) 0 var(--space-lg);padding:0}
.etarya-apt-body ul li{padding:var(--space-xs) 0;font-size:var(--fs-sm);color:#444}
.etarya-apt-body ul li::before{content:"\2713";color:var(--color-primary);font-weight:700;margin-right:var(--space-sm)}
.etarya-price{font-size:var(--fs-md);font-weight:700;color:var(--color-secondary);margin-bottom:var(--space-md)}
.aic-btn {
display: inline-block;
border: 2px solid var(--color-primary);
color: var(--color-primary);
padding: var(--space-sm) var(--space-2xl);
border-radius: var(--radius-sm);
text-decoration: none;
font-weight: 600;
font-size: var(--fs-sm);
transition: all .2s;
}
.aic-btn:hover,
.aic-btn:focus { background: var(--color-primary); color: #fff; }
.etarya-servizi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-lg);margin:var(--space-2xl) 0}
.etarya-servizio{text-align:center;padding:var(--space-lg) var(--space-sm);background:var(--color-cream);border-radius:8px;border:1px solid var(--color-border)}
.etarya-servizio .icon{font-size:var(--fs-xl);margin-bottom:var(--space-xs)}
.etarya-servizio .label{font-size:var(--fs-sm);color:#444}
.etarya-servizio.neg{background:#fff5f5;border-color:#fdd}
.etarya-servizio.neg .label{color:#c44}
.etarya-attr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin:var(--space-2xl) 0}
.etarya-attr{background:var(--color-cream);border-left:4px solid var(--color-primary);padding:var(--space-lg) var(--space-lg);border-radius:0 8px 8px 0}
.etarya-attr .nome{font-weight:600;color:var(--color-text)}
.etarya-attr .dist{font-size:var(--fs-sm);color:var(--color-primary);font-weight:600;margin-top:var(--space-xs)}
.etarya-trasp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin:var(--space-2xl) 0}
.etarya-trasp{background:#fff;border-radius:10px;padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}
.etarya-trasp .icon{font-size:var(--fs-2xl);margin-bottom:var(--space-sm)}
.etarya-trasp .titolo{font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text)}
.etarya-trasp .desc{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.5}
.etarya-map-ph{background:var(--color-border);border:2px dashed #aaa;border-radius:8px;height:200px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:var(--space-xl)}
.etarya-cta-boxes{display:flex;gap:var(--space-2xl);justify-content:center;flex-wrap:wrap;margin-top:var(--space-2xl)}
.etarya-cta-box{background:rgba(255,255,255,.12);border:2px dashed rgba(255,255,255,.35);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-2xl);flex:1;max-width:340px;min-width:250px}
.etarya-cta-box h3{color:var(--color-secondary);margin-bottom:var(--space-sm);font-size:var(--fs-md)}
.etarya-cta-box p{font-size:var(--fs-sm);color:rgba(255,255,255,.8);line-height:1.6}
.etarya-urgency{margin-top:var(--space-3xl);display:inline-block;background:rgba(244,162,97,.2);border:2px solid var(--color-secondary);border-radius:8px;padding:var(--space-md) var(--space-2xl)}
.etarya-urgency .num{font-size:var(--fs-xl);font-weight:800;color:var(--color-secondary)}
.etarya-urgency .txt{font-size:var(--fs-sm);color:#fff;margin-top:var(--space-2xs)}
.etarya-ph{background:rgba(255,255,255,.1);border-radius:6px;padding:var(--space-lg);text-align:center;margin-top:var(--space-md);color:rgba(255,255,255,.45);font-size:var(--fs-sm)}
.etarya-guide-cta-banner{background:var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-2xl);text-align:center;margin-top:48px}
.etarya-guide-cta-banner h2{color:#fff;margin-bottom:var(--space-sm);font-size:var(--fs-xl)}
.etarya-guide-cta-banner p{color:rgba(255,255,255,.85);font-size:var(--fs-base);margin-bottom:var(--space-lg)}
.etarya-guide-cta-banner a{display:inline-block;background:var(--color-secondary);color:#fff;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:var(--fs-base)}
.etarya-guide-cta-banner a:hover{background:var(--color-secondary-hover)}
.main-navigation .main-nav ul li.current-menu-item > a[href$="/en/apartments/"],
.main-navigation .main-nav ul li.current-menu-item > a[href*="#contact"]{color:var(--color-text);background-color:transparent}
.main-navigation .main-nav ul li > a[href$="/en/apartments/"]:hover,
.main-navigation .main-nav ul li > a[href*="#contact"]:hover{color:var(--color-primary);background-color:var(--color-primary-soft)}
.etarya-badges {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
margin: 0 0 var(--space-sm) 0;
}
.etarya-badge {
display: inline-flex;
align-items: center;
gap: var(--space-sm);
font-size: var(--fs-xs);
font-weight: 500;
letter-spacing: 0.02em;
color: var(--color-text-muted);
padding: var(--space-xs) var(--space-sm) var(--space-xs) var(--space-sm);
border: 1px solid var(--color-border);
border-radius: var(--radius-pill);
background: var(--color-cream);
line-height: 1;
}
.etarya-badge .etarya-badge-icon {
color: var(--color-primary);
flex-shrink: 0;
}
.etarya-tags {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
margin: 0 0 1.5rem 0;
}
.etarya-tags .etarya-tag {
display: inline-block;
font-size: var(--fs-xs);
font-weight: 500;
letter-spacing: 0.02em;
text-transform: none;
color: var(--color-text-muted);
padding: var(--space-xs) var(--space-sm);
border: 1px solid var(--color-border);
border-radius: var(--radius-pill);
background: transparent;
line-height: 1.4;
text-decoration: none;
transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.etarya-tags .etarya-tag:hover,
.etarya-tags .etarya-tag:focus-visible {
color: var(--color-primary);
border-color: var(--color-primary);
background: var(--color-primary-soft);
text-decoration: none;
}
.poi-card {
margin: var(--space-2xl) 0 var(--space-3xl) 0;
padding: var(--space-sm) var(--space-lg);
border-left: 3px solid var(--color-primary);
background: linear-gradient(90deg, var(--color-cream) 0%, transparent 100%);
border-radius: 0;
font-size: var(--fs-sm);
line-height: 1.55;
display: grid;
grid-template-columns: max-content 1fr;
column-gap: var(--space-md);
row-gap: var(--space-2xs);
}
.poi-card[data-poi-type]::before {
content: attr(data-poi-type);
grid-column: 1 / -1;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--color-primary);
margin-bottom: var(--space-xs);
}
.poi-card dt {
font-weight: 600;
color: var(--color-text-deep);
}
.poi-card dt::after { content: ":"; }
.poi-card dd {
margin: 0;
color: var(--color-text);
}
.poi-card a.poi-map {
display: inline-flex;
align-items: center;
margin-left: 8px;
padding: 3px 10px 3px 26px;
background-color: var(--color-primary);
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/></svg>");
background-repeat: no-repeat;
background-position: 7px center;
background-size: 13px 13px;
color: #fff;
border-radius: 999px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.02em;
text-decoration: none;
line-height: 1.4;
vertical-align: 1px;
transition: background-color .15s ease, transform .15s ease;
white-space: nowrap;
}
.poi-card a.poi-map:hover {
background-color: #0a5e5d;
transform: translateY(-1px);
}
.poi-card a.poi-map:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.poi-card a.poi-site {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 2px;
word-break: break-word;
}
.poi-card a.poi-site:hover {
text-decoration: none;
}
.etarya-hub-cover.wp-block-cover{margin:0 0 0;border-radius:0}
.etarya-hub-cover .wp-block-cover__background{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.62) 100%)!important;opacity:1!important}
.etarya-hub-cover .wp-block-cover__inner-container{padding:0 var(--space-2xl);max-width:880px}
.etarya-related-posts{margin:var(--space-6xl) 0 var(--space-2xl);padding-top:var(--space-3xl);border-top:1px solid var(--color-border-warm)}
.etarya-related-posts h2{font-size:var(--fs-lg);color:var(--color-primary);margin:0 0 var(--space-2xl);font-weight:700;letter-spacing:-.01em}
.etarya-post-breadcrumb{
margin: var(--space-2xl) 0 var(--space-lg);
}
.etarya-breadcrumb{
font-family: inherit;
font-size: var(--fs-sm);
line-height: 1.5;
color: var(--color-text-muted);
letter-spacing: 0.01em;
display: block;
}
.etarya-breadcrumb .etarya-bc-link{
color: var(--color-text);
text-decoration: none;
transition: color .2s ease;
}
.etarya-breadcrumb .etarya-bc-link:hover,
.etarya-breadcrumb .etarya-bc-link:focus-visible{
color: var(--color-primary);
text-decoration: none;
}
.etarya-breadcrumb .etarya-bc-sep{
color: var(--color-text-muted);
margin: 0 var(--space-sm);
display: inline-block;
font-size: 0.95em;
}
.etarya-breadcrumb .etarya-bc-current{
color: var(--color-text);
font-weight: 600;
}
.post-toc {
background: transparent;
border: none;
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
border-radius: 0;
padding: var(--space-lg) 0;
margin: var(--space-2xl) 0;
}
.post-toc > p:first-child,
.post-toc > p:first-child strong {
margin: 0 0 var(--space-sm) 0;
font-size: var(--fs-xs);
letter-spacing: 0.6px;
text-transform: uppercase;
color: var(--color-text-muted);
font-weight: 600;
}
.post-toc ol,
.post-toc ul {
margin: 0;
padding-left: var(--space-xl);
line-height: 1.75;
font-size: var(--fs-sm);
}
.post-toc li {
margin: var(--space-xs) 0;
}
.post-toc a {
color: var(--color-primary);
text-decoration: none;
transition: color .2s ease;
}
.post-toc a:hover,
.post-toc a:focus-visible {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.etarya-post-breadcrumb { margin-bottom: var(--space-2xl) !important; }
.inside-article .entry-meta {
border-bottom: none;
padding-bottom: 0;
margin-bottom: var(--space-lg);
}
.inside-article > .featured-image {
margin: 0 0 var(--space-md);
}
.entry-content {
margin-top: 0 !important;
}
.aic-table {
border-collapse: collapse;
width: 100%;
font-size: var(--fs-sm);
margin: var(--space-lg) 0 var(--space-2xl);
}
.aic-table thead tr,
.aic-table tr.aic-row-total {
background: var(--color-primary);
color: #fff;
}
.aic-table tr.aic-row-total td {
font-weight: 600;
}
.aic-table th,
.aic-table td {
padding: var(--space-sm) var(--space-md);
text-align: left;
}
.aic-table tbody tr {
border-bottom: 1px solid var(--color-border);
}
.aic-table tbody tr:nth-child(even) {
background: var(--color-cream);
}
.aic-table tbody tr:hover {
background: var(--color-primary-soft);
}
.entry-content figure.wp-block-table:has(> figcaption) > .aic-table {
margin-bottom: 0;
}
.entry-content figure.wp-block-table:has(> figcaption) {
margin-bottom: var(--space-2xl);
}
.wp-block-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
body .cmplz-cookiebanner .cmplz-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
width: 100%;
height: auto;
padding: 16px 28px;
font-size: 17px;
font-weight: 600;
line-height: 1.5;
min-height: 0;
background-color: var(--color-primary);
border-color: var(--color-primary);
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
background-color: var(--color-primary-hover);
border-color: var(--color-primary-hover);
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
flex: 1 1 0;
min-width: 0;
height: auto;
padding: 8px 14px;
font-size: 13px;
font-weight: 400;
text-transform: none;
letter-spacing: normal;
min-height: 0;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
background: transparent;
border: 1px solid #d0d0d0;
color: #999;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
background: #f5f5f5;
color: #777;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
background: transparent;
border: 1px solid #d0d0d0;
color: #999;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
background: #f5f5f5;
color: #777;
}
body .cmplz-cookiebanner {
background-color: #dbe7e4 !important;
}
body .cmplz-cookiebanner .cmplz-body,
body .cmplz-cookiebanner .cmplz-message,
body .cmplz-cookiebanner .cmplz-body * {
text-align: center !important;
}
body .cmplz-cookiebanner .cmplz-message {
font-size: 14px !important;
line-height: 1.55 !important;
}
body .cmplz-manage-consent {
display: none !important;
}
.map-embed-wrapper {
position: relative;
width: 100%;
margin: var(--space-2xl) 0;
}
.map-embed-wrapper iframe {
border: 0;
border-radius: var(--radius-sm);
display: block;
width: 100%;
height: 520px;
}
.map-embed-wrapper .wp-element-caption {
text-align: center;
font-size: var(--fs-sm);
color: var(--color-text-muted);
font-style: italic;
line-height: 1.7;
margin-top: .6rem;
margin-bottom: 0;
}
body.archive.tag .page-header {
display: none;
}
body.archive.tag .site-main > .no-results.not-found {
display: none;
}
body.archive.tag .etarya-archive-content {
margin-top: 1rem;
}
body.archive.tag .site-main article .entry-header {
display: block;
margin-bottom: 0.5rem;
}
body.archive.tag .site-main article {
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--color-border);
}
body.archive.tag .site-main article:last-of-type {
border-bottom: none;
}
body.archive.tag .site-main article .post-image,
body.archive.tag .site-main article .post-image-aligned-left,
body.archive.tag .site-main article a > img {
max-width: 280px;
height: auto;
float: left;
margin: 0 1.25rem 0.75rem 0;
border-radius: 4px;
}
body.archive.tag .site-main article .entry-title {
font-size: var(--fs-lg);
line-height: 1.3;
margin: 0 0 0.4rem 0;
}
body.archive.tag .site-main article .entry-title a {
text-decoration: none;
}
body.archive.tag .site-main article .entry-meta {
font-size: var(--fs-sm);
color: var(--color-text-muted);
margin-bottom: 0.6rem;
}
body.archive.tag .site-main article .entry-summary,
body.archive.tag .site-main article .entry-content {
font-size: var(--fs-sm);
line-height: 1.55;
}
body.archive.tag .site-main article::after {
content: '';
display: block;
clear: both;
}
.wp-block-cover .booking-widget,
.booking-widget {
max-width: 760px;
margin: var(--space-lg) auto var(--space-md);
background: rgba(255,255,255,.95);
border-radius: var(--radius-lg);
padding: var(--space-lg) var(--space-lg);
box-shadow: 0 6px 20px rgba(0,0,0,.20);
}
.booking-widget--coming-soon { opacity: .92; }
.booking-widget__row {
display: grid;
grid-template-columns: 1fr 1fr 1fr auto;
gap: var(--space-sm);
align-items: stretch;
}
.booking-widget__field {
display: flex;
flex-direction: column;
text-align: left;
padding: var(--space-sm) var(--space-md);
background: var(--color-cream);
border-radius: var(--radius-sm);
border: 1px solid #e0e6e6;
}
.booking-widget__label {
font-size: var(--fs-xs);
text-transform: uppercase;
letter-spacing: .05em;
color: var(--color-text-muted);
font-weight: 600;
}
.booking-widget__value {
font-size: var(--fs-sm);
color: var(--color-text);
margin-top: var(--space-2xs);
}
.booking-widget__cta {
background: var(--color-primary);
color: #fff;
border: none;
padding: var(--space-md) var(--space-xl);
border-radius: var(--radius-sm);
font-size: var(--fs-sm);
font-weight: 700;
cursor: not-allowed;
opacity: .75;
white-space: nowrap;
}
.booking-widget__note {
margin: var(--space-md) 0 0;
font-size: var(--fs-xs);
color: #444;
text-align: center;
}
.booking-widget__note a { color: var(--color-primary); font-weight: 600; }
.trust-strip {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--space-sm) var(--space-sm);
font-size: var(--fs-sm);
color: rgba(255,255,255,.92);
margin: var(--space-md) auto 0;
max-width: 760px;
}
.trust-strip span { white-space: nowrap; }
.apt-intro-block {
max-width: 980px;
margin: var(--space-3xl) auto var(--space-3xl);
padding: 0 var(--space-xl);
text-align: center;
}
.apt-intro-lead {
font-size: var(--fs-md);
line-height: 1.6;
color: #444;
margin: 0;
}
.apt-section {
max-width: 1080px;
margin: 0 auto var(--space-6xl);
padding: 0 var(--space-xl);
}
.apt-section:last-of-type { margin-bottom: var(--space-3xl); }
.apt-section + .apt-section { padding-top: var(--space-4xl); border-top: 1px solid var(--color-border-warm); }
.apt-section__title {
font-size: var(--fs-2xl);
color: var(--color-primary);
margin: 0 0 var(--space-xs);
line-height: 1.2;
}
.apt-section__tagline {
display: block;
margin: calc(-1 * var(--space-2xs)) 0 var(--space-xl);
padding: 0;
background: none;
border: 0;
font-size: var(--fs-sm);
line-height: 1.5;
color: var(--color-text-muted);
font-weight: 400;
letter-spacing: .005em;
}
.apt-section__tagline strong {
color: #1f1a14;
font-weight: 600;
}
.apt-tagline-sep {
display: inline-block;
width: 4px;
height: 4px;
margin: 0 var(--space-sm) var(--space-2xs);
border-radius: 50%;
background: #d8c9b3;
vertical-align: middle;
font-size: 0;
color: transparent;
}
.apt-brand-eyebrow {
text-transform: uppercase;
font-weight: 700;
font-size: var(--fs-base) !important;
letter-spacing: 0.28em !important;
opacity: .95;
margin: 0 0 var(--space-lg) !important;
}
.apt-section__intro {
font-size: var(--fs-base);
line-height: 1.65;
color: #444;
margin: 0 0 var(--space-2xl);
}
.apt-gallery {
position: relative;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-md);
background: var(--color-border-warm);
margin: 0 0 var(--space-2xl);
}
.apt-gallery__track {
display: flex;
list-style: none;
padding: 0;
margin: 0;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
.apt-gallery__track::-webkit-scrollbar { display: none; }
.apt-gallery__slide {
flex: 0 0 100%;
scroll-snap-align: start;
aspect-ratio: 16 / 10;
}
.apt-gallery__slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.apt-gallery__prev,
.apt-gallery__next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,.92);
color: #222;
font-size: var(--fs-xl);
line-height: 1;
font-weight: 700;
cursor: pointer;
box-shadow: 0 2px 10px rgba(0,0,0,.22);
z-index: 2;
transition: background .2s, transform .15s;
}
.apt-gallery__prev { left: var(--space-lg); }
.apt-gallery__next { right: var(--space-lg); }
.apt-gallery__prev:hover,
.apt-gallery__next:hover { background: #fff; transform: translateY(-50%) scale(1.05); }
.apt-gallery__dots {
position: absolute;
bottom: var(--space-lg);
left: 50%;
transform: translateX(-50%);
display: flex;
gap: var(--space-sm);
z-index: 2;
background: rgba(0,0,0,.35);
padding: var(--space-sm) var(--space-sm);
border-radius: 20px;
}
.apt-gallery__dot {
width: 8px;
height: 8px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,.55);
padding: 0;
cursor: pointer;
transition: background .2s;
}
.apt-gallery__dot.is-active { background: #fff; }
.apt-specs-row {
display: grid;
grid-template-columns: minmax(200px, 1fr) minmax(220px, 1.2fr) minmax(180px, .9fr);
gap: var(--space-2xl);
align-items: start;
background: var(--color-cream);
padding: var(--space-xl) var(--space-2xl);
border-radius: var(--radius-lg);
}
.apt-specs__data {
display: grid;
grid-template-columns: max-content 1fr;
column-gap: var(--space-md);
row-gap: var(--space-sm);
margin: 0;
font-size: var(--fs-sm);
}
.apt-specs__data dt { color: var(--color-text-muted); font-weight: 600; }
.apt-specs__data dd { margin: 0; color: var(--color-text); }
.apt-specs__amenities {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
list-style: none;
padding: 0;
margin: 0;
}
.apt-specs__amenities li {
background: #fff;
border: 1px solid #d8e0e0;
color: var(--color-primary);
font-size: var(--fs-xs);
padding: var(--space-xs) var(--space-sm);
border-radius: 12px;
font-weight: 500;
}
.apt-specs__cta {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.apt-specs__cta .btn-primary {
background: var(--color-primary);
color: #fff;
border: 2px solid var(--color-primary);
padding: var(--space-sm) var(--space-lg);
border-radius: var(--radius-sm);
text-decoration: none;
font-weight: 600;
font-size: var(--fs-sm);
text-align: center;
}
.apt-specs__cta .btn-primary:hover {
background: var(--color-primary-hover);
border-color: var(--color-primary-hover);
}
.apt-specs__cta .btn-secondary {
background: transparent;
color: var(--color-primary);
border: 2px solid var(--color-primary);
padding: var(--space-sm) var(--space-lg);
border-radius: var(--radius-sm);
text-decoration: none;
font-weight: 600;
font-size: var(--fs-sm);
text-align: center;
}
.apt-specs__cta .btn-secondary:hover { background: var(--color-primary); color: #fff; }
.apt-chooser-block,
.apt-merch-block,
.apt-why-block,
.apt-trust-block,
.apt-faq-block {
max-width: 1080px;
margin: 0 auto var(--space-4xl);
padding: 0 var(--space-xl);
}
.apt-block-h2 {
font-size: var(--fs-xl);
color: var(--color-primary);
line-height: 1.25;
margin: 0 0 var(--space-md);
}
.apt-block-lead,
.apt-block-body {
font-size: var(--fs-base);
line-height: 1.7;
color: #444;
margin: 0 0 var(--space-lg);
}
.apt-block-meta {
font-size: var(--fs-sm);
color: var(--color-text-muted);
margin: 0 0 var(--space-2xl);
}
.apt-block-meta a { color: var(--color-primary); font-weight: 600; }
.apt-merch-block .apt-block-h2 { margin-top: var(--space-2xl); }
.apt-merch-block .apt-block-h2:first-child { margin-top: 0; }
.apt-trust-list {
font-size: var(--fs-base);
line-height: 1.7;
color: #444;
padding-left: var(--space-2xl);
}
.apt-trust-list li { margin-bottom: var(--space-sm); }
.apt-faq-q {
font-size: var(--fs-md);
color: var(--color-primary);
margin: var(--space-lg) 0 var(--space-sm);
}
.apt-faq-a {
font-size: var(--fs-base);
line-height: 1.65;
color: #444;
margin: 0 0 var(--space-md);
}
.apt-contact-banner {
background: var(--color-primary);
color: #fff;
padding: var(--space-5xl) var(--space-2xl);
text-align: center;
margin: var(--space-3xl) 0 0;
}
.apt-contact-banner .apt-block-h2 { color: #fff; }
.apt-contact-lead {
font-size: var(--fs-base);
line-height: 1.6;
color: rgba(255,255,255,.9);
max-width: 720px;
margin: 0 auto var(--space-xl);
}
.apt-contact-banner .etarya-cta-boxes { max-width: 1080px; margin: 0 auto; }
.apt-contact-links a { color: #fff; text-decoration: underline; line-height: 1.9; }
html {
overflow-x: clip;
}
@supports not selector(:has(*)) {
body.single .featured-image {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
body.single .featured-image img {
width: 100%;
height: auto;
max-height: 520px;
object-fit: cover;
display: block;
border-radius: 0;
}
body.single .entry-header h1.entry-title {
color: var(--color-text-deep);
margin: var(--space-2xl) 0 var(--space-md);
}
body.single .etarya-post-breadcrumb {
margin: var(--space-lg) 0 var(--space-sm);
}
}
.single .inside-article:has(> .featured-image) {
--aic-hero-h: clamp(300px, 42vh, 420px);
--aic-title-pad: clamp(20px, 4vh, 40px);
--aic-hero-gap: clamp(20px, 3vh, 36px);
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"breadcrumb"
"hero"
"content"
"footer";
grid-template-rows: auto var(--aic-hero-h) auto auto;
}
.single .inside-article:has(> .featured-image) > .entry-header {
display: contents;
}
.single .inside-article:has(> .featured-image) .etarya-post-breadcrumb {
grid-area: breadcrumb;
margin: var(--space-xs) 0 var(--space-sm) !important;
padding: 0;
color: var(--color-text);
}
.single .inside-article:has(> .featured-image) > .featured-image {
grid-area: hero;
position: relative;
width: 100vw;
max-width: 100vw;
height: var(--aic-hero-h);
margin: 0 calc(50% - 50vw);
padding: 0;
overflow: hidden;
}
.single .inside-article:has(> .featured-image) > .featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 0;
display: block;
filter: brightness(0.78) saturate(0.95);
}
.single .inside-article:has(> .featured-image) > .featured-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,
rgba(0,0,0,0.55) 0%,
rgba(0,0,0,0.15) 50%,
rgba(0,0,0,0.35) 100%);
pointer-events: none;
}
.single .inside-article:has(> .featured-image) h1.entry-title,
.single .inside-article:has(> .featured-image) .entry-header h1 {
grid-area: hero;
align-self: end;
justify-self: stretch;
margin: 0 0 var(--aic-title-pad);
padding: 0 6% 0 3.5%;
color: #fff;
font-size: clamp(2.4rem, 5.6vw, 4rem);
line-height: 1.1;
font-weight: 500;
letter-spacing: -0.01em;
text-shadow: 0 2px 14px rgba(0,0,0,0.45);
z-index: 2;
position: relative;
}
.single .inside-article:has(> .featured-image) .entry-meta,
.single .inside-article:has(> .featured-image) .byline {
display: none;
}
.single .inside-article:has(> .featured-image) > .entry-content {
grid-area: content;
padding-top: var(--aic-hero-gap);
}
.single .inside-article:has(> .featured-image) > .entry-footer {
grid-area: footer;
}
@media (max-width: 768px) {
body { font-size: var(--fs-base); }
body .site-branding .main-title a::before {
content: "Apartment in\A Catania";
white-space: pre-line;
line-height: 1.05;
}
h1 { font-size: var(--fs-2xl); }
h2 { font-size: var(--fs-xl); }
h3 { font-size: var(--fs-md); }
.entry-title { font-size: var(--fs-3xl); }
body .inside-article,
body .inside-page-header,
body .site-content > .container,
body .container {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
.entry-content > p,
.entry-content > ul,
.entry-content > ol {
max-width: 100%;
padding: 0;
}
.post-image img,
.featured-image img,
.entry-content > .wp-block-image:first-child img {
margin-left: -1.1rem;
margin-right: -1.1rem;
width: calc(100% + 2.2rem);
max-width: none;
border-radius: 0;
}
.wp-block-image img {
width: 100%;
}
.entry-content .wp-block-image figcaption.wp-element-caption,
.wp-element-caption {
padding: 0 .4rem;
font-size: var(--fs-sm);
}
.entry-meta {
font-size: var(--fs-xs);
margin-bottom: 1.4rem;
padding-bottom: .9rem;
}
.entry-title {
font-size: var(--fs-2xl);
line-height: 1.18;
}
h1 {
font-size: var(--fs-2xl);
}
.entry-content h2 {
font-size: var(--fs-lg);
margin-top: 2rem;
margin-bottom: .7rem;
}
.entry-content h3 {
font-size: var(--fs-md);
margin-top: 1.5rem;
}
.wp-block-cover {
min-height: 70vh !important;
}
.wp-block-cover h1 {
font-size: var(--fs-3xl) !important;
line-height: 1.15 !important;
}
.wp-block-cover p {
font-size: var(--fs-base) !important;
padding: 0 1rem;
}
.wp-block-columns .wp-block-column {
padding: 1.4rem 1.2rem;
margin-bottom: 1rem;
}
.wp-block-latest-posts.is-grid {
display: block;
}
.wp-block-latest-posts.is-grid li {
margin-bottom: 1.2rem;
}
.site-footer {
text-align: center;
}
.wp-block-button .wp-block-button__link {
width: 100%;
text-align: center;
}
body .main-navigation .main-nav ul li a,
body .main-navigation a {
font-family: var(--font-serif);
font-size: var(--fs-lg);
font-weight: 500;
padding: 12px var(--space-lg) !important;
min-height: 0;
line-height: 1.35 !important;
display: block;
border-bottom: 1px solid var(--color-border-warm);
color: var(--color-text-deep);
background: transparent !important;
letter-spacing: 0;
text-transform: none;
}
body .main-navigation .main-nav ul li.current-menu-item > a {
color: var(--color-primary);
font-weight: 600;
background: transparent !important;
}
body .main-navigation .main-nav ul li a:hover,
body .main-navigation .main-nav ul li a:active {
color: var(--color-primary);
background: transparent !important;
}
.main-navigation .main-nav ul li:last-child a {
border-bottom: none;
font-style: italic;
font-size: 0;
}
html[lang="it-IT"] .main-navigation .main-nav ul li:last-child a::after {
content: 'English';
font-size: var(--fs-lg);
}
html[lang="en-GB"] .main-navigation .main-nav ul li:last-child a::after {
content: 'Italiano';
font-size: var(--fs-lg);
}
body #site-navigation:not(#mobile-menu-control-wrapper):not(.toggled) {
display: none;
}
body #page.grid-container.container,
body.separate-containers .inside-article,
body.separate-containers .comments-area,
body.separate-containers .page-header,
body.separate-containers .paging-navigation,
body.one-container .site-content,
body .inside-page-header {
padding-left: 0;
padding-right: 0;
}
.entry-header,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > blockquote,
.entry-content > .etarya-badges,
.entry-content > .etarya-tags,
.entry-content > .etarya-related-posts,
.entry-content > div:not([class*="wp-block-image"]):not([class*="wp-block-cover"]):not([class*="wp-block-gallery"]) {
padding-left: var(--space-lg);
padding-right: var(--space-lg);
}
.featured-image,
.post-image,
.single-featured-image,
.featured-image img,
.entry-content > figure,
.entry-content > img,
.entry-content > .wp-block-image,
.entry-content > .wp-block-cover,
.entry-content > .wp-block-gallery {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
.featured-image img {
display: block;
height: auto;
}
.alignfull,
.alignwide,
.wp-block-cover,
.wp-block-cover.alignfull,
.wp-block-cover.alignwide,
.wp-block-group,
.wp-block-group.alignfull,
.wp-block-group.alignwide,
.wp-block-group.has-background,
.wp-block-columns.alignfull,
.wp-block-columns.alignwide,
.wp-block-image.alignfull,
.wp-block-image.alignwide,
.wp-block-gallery.alignfull,
.wp-block-gallery.alignwide,
.wp-block-image img,
.wp-block-cover img,
.wp-block-cover video {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.entry-content img,
.entry-content figure,
img,
figure {
max-width: 100% !important;
height: auto;
}
.map-embed-wrapper iframe {
height: 380px;
}
.booking-widget__row { grid-template-columns: 1fr; }
.booking-widget__cta { width: 100%; }
.apt-gallery__prev,
.apt-gallery__next { width: 38px; height: 38px; font-size: var(--fs-lg); }
.apt-gallery__prev { left: var(--space-sm); }
.apt-gallery__next { right: var(--space-sm); }
.single .inside-article:has(> .featured-image) {
--aic-hero-h: clamp(240px, 38vh, 320px);
--aic-title-pad: clamp(14px, 3vh, 28px);
}
.single .inside-article:has(> .featured-image) h1.entry-title,
.single .inside-article:has(> .featured-image) .entry-header h1 {
padding: 0 var(--space-lg);
}
.single .inside-article:has(> .featured-image) .etarya-post-breadcrumb {
padding: 0 var(--space-lg);
}
.poi-card {
grid-template-columns: 1fr;
row-gap: var(--space-2xs);
padding: var(--space-sm) var(--space-lg);
}
.poi-card dt { margin-top: var(--space-sm); }
.poi-card dt:first-of-type { margin-top: 0; }
.etarya-breadcrumb { font-size: var(--fs-xs); }
.etarya-breadcrumb .etarya-bc-sep { margin: 0 var(--space-sm); }
body.archive.tag .site-main article .post-image,
body.archive.tag .site-main article a > img {
float: none;
max-width: 100%;
margin: 0 0 0.75rem 0;
}
.etarya-apt-card,
.etarya-apt-card.etarya-reverse { flex-direction: column; }
.etarya-apt-img { flex: none; width: 100%; min-height: 220px; }
.etarya-apt-body { padding: var(--space-lg); }
.etarya-cta-boxes { flex-direction: column; align-items: center; }
.etarya-hub-cover.wp-block-cover { min-height: 280px !important; }
.etarya-hub-cover h1 { font-size: var(--fs-xl) !important; line-height: 1.2 !important; }
.etarya-hub-cover p { font-size: var(--fs-sm) !important; }
.etarya-related-posts { margin: var(--space-4xl) 0 var(--space-lg); padding-top: var(--space-2xl); }
.etarya-related-posts h2 { font-size: var(--fs-md); margin: 0 0 var(--space-lg); }
.apt-specs-row {
grid-template-columns: 1fr;
gap: var(--space-lg);
}
.aic-card-grid {
grid-template-columns: 1fr;
gap: var(--space-xl);
}
.aic-card .aic-card-title {
font-size: var(--fs-lg);
line-height: 1.22;
}
.aic-card-grid--carousel > .aic-card { flex: 0 0 78vw; max-width: 320px; }
body .cmplz-cookiebanner .cmplz-buttons {
flex-direction: column;
flex-wrap: nowrap;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
width: 100%;
height: auto;
font-size: 16px;
padding: 14px 24px;
line-height: 1.5;
min-height: 0;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
width: 100%;
height: auto;
flex: none;
}
}
@media (min-width: 769px) and (max-width: 1099px) {
body #page.grid-container.container,
body.separate-containers .inside-article,
body.separate-containers .comments-area,
body.separate-containers .page-header,
body.separate-containers .paging-navigation,
body.one-container .site-content,
body .inside-page-header {
padding-left: 0;
padding-right: 0;
}
.entry-header,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > blockquote,
.entry-content > .etarya-badges,
.entry-content > .etarya-tags,
.entry-content > .etarya-related-posts,
.entry-content > div:not([class*="wp-block-image"]):not([class*="wp-block-cover"]):not([class*="wp-block-gallery"]) {
padding-left: var(--space-lg);
padding-right: var(--space-lg);
}
.main-navigation a,
.menu-item a {
padding: var(--space-sm) var(--space-sm) !important;
min-height: 36px;
display: flex;
align-items: center;
}
body .main-navigation .menu > li > a {
font-size: var(--fs-xs);
letter-spacing: 0.015em;
}
body .site-header img.header-image.is-logo-image,
body .site-header .site-logo img {
width: auto;
height: 72px;
max-height: 72px;
max-width: none;
}
body .site-branding .main-title a::before {
font-size: var(--fs-lg);
}
body .site-header .inside-header {
padding: var(--space-xs) var(--space-xl);
gap: var(--space-sm);
}
}
.single .entry-content p.aic-drop-cap::first-letter {
float: left;
font-size: 2.9em;
line-height: 0.9;
padding: 0 0.12em 0 0;
font-family: var(--font-serif);
color: var(--color-primary);
font-weight: 700;
}
@media (min-width: 769px) {
body .entry-content p, body .entry-content li { font-size: var(--fs-base); line-height: 1.55; }
body .entry-content h2 { font-size: var(--fs-2xl); line-height: 1.3; }
body .entry-content h3 { font-size: var(--fs-lg); line-height: 1.35; }
body .site-header img.header-image.is-logo-image,
body .site-header .site-logo img {
width: auto;
height: 72px;
max-height: 72px;
max-width: none;
}
body .site-branding .main-title a::before {
content: "Apartment in Catania";
font-size: var(--fs-xl);
line-height: 1;
white-space: nowrap;
}
body .site-header .inside-header {
padding: var(--space-sm) var(--space-3xl);
}
body .mobile-menu-control-wrapper,
body #mobile-menu-control-wrapper,
body .site-header .menu-toggle {
display: none;
}
body #site-navigation:not(#mobile-menu-control-wrapper) {
display: block;
}
.single .entry-content p.aic-drop-cap::first-letter {
float: left;
font-size: 3.2em;
line-height: 0.9;
padding: 0 0.14em 0 0;
font-family: var(--font-serif);
color: var(--color-primary);
font-weight: 700;
}
body .cmplz-cookiebanner.cmplz-bottom-right,
body .cmplz-cookiebanner {
--cookie-content-max: 1200px;
inset: auto 0 0 0 !important;          
width: 100% !important;
max-width: 100% !important;
padding-block: 12px !important;        
gap: 6px !important;                   
transform: none !important;
border-radius: 14px 14px 0 0 !important;
}
body .cmplz-cookiebanner > * {
width: 100% !important;
max-width: var(--cookie-content-max, 1200px) !important;
margin-inline: auto !important;
}
body .cmplz-cookiebanner .cmplz-header,
body .cmplz-cookiebanner .cmplz-message {
width: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
}
body .cmplz-cookiebanner .cmplz-divider {
display: none !important;
}
body .cmplz-cookiebanner .cmplz-buttons {
gap: 6px !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
padding-block: 11px !important;
}
}
@media (min-width: 1100px) {
body.single #page.grid-container.container,
body.single .grid-container.container,
body.single .container,
body.page-id-298 #page.grid-container.container,
body.page-id-298 .grid-container.container,
body.page-id-298 .container,
body.page-id-312 #page.grid-container.container,
body.page-id-312 .grid-container.container,
body.page-id-312 .container {
max-width: 1480px;
}
.article-grid {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: var(--space-6xl);
}
.article-grid > .article-grid-main {
min-width: 0;
max-width: 1000px;
}
.article-toc-aside { position: relative; }
.article-toc-sticky {
position: sticky;
top: var(--space-7xl);
max-height: calc(100vh - 100px);
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
scrollbar-width: thin;
scrollbar-color: var(--color-text-muted) transparent;
padding-bottom: var(--space-2xl);
}
.article-toc-sticky::-webkit-scrollbar { width: 6px; }
.article-toc-sticky::-webkit-scrollbar-track { background: transparent; }
.article-toc-sticky::-webkit-scrollbar-thumb {
background: var(--color-text-muted);
border-radius: 3px;
}
.article-toc-aside .post-toc {
background: transparent;
border: 0;
border-left: 2px solid var(--color-text-muted);
border-radius: 0;
padding: 0;
margin: 0;
}
.article-toc-aside .post-toc > p:first-child {
margin: 0 0 var(--space-md) var(--space-lg);
font-size: var(--fs-xs);
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--color-text-muted);
font-weight: 600;
}
.article-toc-aside .post-toc ol {
list-style: none;
margin: 0;
padding: 0;
font-size: var(--fs-sm);
line-height: 1.5;
}
.article-toc-aside .post-toc li {
margin: 0;
padding: var(--space-sm) var(--space-lg) var(--space-sm) var(--space-lg);
border-left: 2px solid transparent;
margin-left: calc(-1 * var(--space-2xs)); 
transition: border-color .2s ease, color .2s ease;
}
.article-toc-aside .post-toc li > a {
color: var(--color-text-muted);
text-decoration: none;
display: block;
transition: color .2s ease;
}
.article-toc-aside .post-toc li:hover > a {
color: var(--color-primary);
}
.article-toc-aside .post-toc li.is-active {
border-left-color: var(--color-primary);
}
.article-toc-aside .post-toc li.is-active > a {
color: var(--color-primary);
font-weight: 600;
}
.article-toc-aside .post-toc--hub-cards {
border-left: 0;
}
.article-toc-aside .post-toc--hub-cards > p:first-child {
margin: 0 0 var(--space-md);
}
.article-toc-aside .post-toc--hub-cards li {
margin-left: 0;
padding: 0;
border-left: 0;
}
.article-toc-aside .post-toc--hub-cards li.is-active {
border-left-color: transparent; 
}
.article-toc-aside .post-toc--hub-cards li > a {
display: block;
}
.article-toc-aside .post-toc--hub-cards .post-toc-label {
font-size: 1.1rem;
}
.article-toc-aside .post-toc--hub-cards .post-toc-count {
font-size: .8rem;
}
}
.aic-hero-meta {
display: flex;
flex-direction: column;
gap: var(--space-sm);
margin: 0 0 var(--space-2xl);
color: var(--color-text-muted);
font-size: var(--fs-sm);
line-height: 1.4;
}
.aic-hero-meta-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-sm) var(--space-lg);
}
.aic-hero-meta-author {
font-size: var(--fs-base);
color: var(--color-text);
padding-bottom: var(--space-sm);
border-bottom: 1px solid var(--color-text-muted);
gap: var(--space-sm);
}
.aic-hero-meta-author-icon {
color: var(--color-primary);
flex-shrink: 0;
}
.aic-hero-meta-author-prefix {
font-size: var(--fs-xs);
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.6px;
font-weight: 500;
}
.aic-hero-meta-author-name {
color: var(--color-text);
font-weight: 700;
font-size: var(--fs-base);
text-decoration: none;
letter-spacing: 0.2px;
}
.aic-hero-meta-author-name:hover {
color: var(--color-primary);
text-decoration: underline;
}
.aic-hero-meta-info {
gap: var(--space-sm) var(--space-lg);
}
.aic-hero-meta-info .etarya-badge {
display: inline-flex;
align-items: center;
gap: var(--space-sm);
}
.aic-hero-meta-info .etarya-badge-icon {
flex-shrink: 0;
opacity: 0.75;
}
.aic-hero-meta-tags {
gap: var(--space-sm) var(--space-sm);
}
.aic-hero-meta-tags .etarya-tag {
display: inline-block;
padding: var(--space-2xs) var(--space-sm);
border-radius: 12px;
background: var(--color-cream);
color: var(--color-text);
font-size: var(--fs-xs);
text-decoration: none;
border: 1px solid var(--color-text-muted);
}
.aic-hero-meta-tags .etarya-tag:hover {
background: var(--color-primary);
color: #fff;
border-color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
.aic-card:hover,
.aic-card-link:hover {
transform: none !important;
}
}
@media print {
.site-header,
.site-footer,
.main-navigation,
.menu-toggle,
.article-toc-aside,
.article-toc-sticky,
.etarya-related-posts,
.wp-block-cover,
.booking-widget,
.apt-contact-banner {
display: none !important;
}
body,
.entry-content,
.entry-content p,
.entry-content li {
color: #000 !important;
background: #fff !important;
font-size: 11pt !important;
line-height: 1.5 !important;
}
h1, h2, h3 {
color: #000 !important;
page-break-after: avoid;
}
.entry-content a {
color: #000 !important;
text-decoration: underline !important;
}
.featured-image img,
.wp-block-image img {
max-width: 100% !important;
page-break-inside: avoid;
box-shadow: none !important;
}
.single .inside-article:has(> .featured-image) {
display: block !important;
}
.single .inside-article:has(> .featured-image) > .featured-image {
width: 100% !important;
margin: 0 0 var(--space-md) !important;
height: auto !important;
}
.single .inside-article:has(> .featured-image) > .featured-image img {
filter: none !important;
height: auto !important;
}
.single .inside-article:has(> .featured-image) h1.entry-title {
color: #000 !important;
text-shadow: none !important;
margin: var(--space-md) 0 !important;
padding: 0 !important;
}
}
.post-toc-count {
font-size: 0.85em;
color: var(--color-text-muted);
margin-left: 0.4em;
font-weight: 400;
}
.aic-cluster {
scroll-margin-top: 80px;
margin-top: var(--space-5xl);
}
.aic-cluster:first-of-type { margin-top: var(--space-3xl); }
.aic-cluster .cluster-intro {
margin-bottom: var(--space-lg);
}
.aic-cluster-cta {
margin: var(--space-lg) 0 var(--space-2xl);
}
.aic-card-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: var(--space-2xl);
margin: var(--space-2xl) 0;
}
.aic-card-grid-empty {
color: var(--color-text-muted);
font-style: italic;
}
.aic-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
transition: transform .2s ease, box-shadow .2s ease;
display: flex;
flex-direction: column;
}
.aic-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 8px rgba(0,0,0,.08), 0 12px 28px rgba(0,0,0,.10);
}
.aic-card-link {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
color: inherit;
}
.aic-card-link:focus-visible {
outline: 2px solid var(--color-accent, #0e7c7b);
outline-offset: 3px;
border-radius: 12px;
}
.aic-card-media {
position: relative;
margin: 0;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #f5f3ee;
}
.aic-card-img,
.aic-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 42%;
display: block;
transition: transform .35s ease;
filter: brightness(0.82) saturate(0.95);
}
.aic-card:hover .aic-card-img,
.aic-card:hover .aic-card-media img {
transform: scale(1.04);
}
.aic-card-media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.50) 35%, rgba(0,0,0,0) 65%);
pointer-events: none;
}
.aic-card-tag {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
background: rgba(255,255,255,.94);
color: #1f1d1a;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 999px;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
box-shadow: 0 1px 3px rgba(0,0,0,.12);
}
.aic-card .aic-card-title {
position: absolute;
left: 16px;
right: 16px;
bottom: 14px;
z-index: 2;
margin: 0;
color: #fff;
font-size: var(--fs-md);
line-height: 1.25;
font-weight: 600;
text-shadow: 0 2px 8px rgba(0,0,0,.6);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.aic-card-body {
padding: var(--space-lg) var(--space-xl) var(--space-xl);
display: flex;
flex-direction: column;
gap: var(--space-sm);
flex: 1;
}
.aic-card-meta {
margin: 0;
font-size: 0.78rem;
color: var(--color-text-muted, #6a6660);
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.aic-card-readtime,
.aic-card-fresh {
display: inline-block;
}
.aic-card-sep {
color: var(--color-border, #c9c4ba);
}
.aic-card-excerpt {
font-size: 0.92rem;
line-height: 1.45;
color: var(--color-text, #2a2722);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.aic-card-grid--carousel {
display: flex;
grid-template-columns: none;
gap: var(--space-xl);
margin: var(--space-xl) 0 var(--space-2xl);
padding: 8px 0 18px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-left: 0;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: var(--color-accent, #0e7c7b) var(--color-bg-alt, #e8e4dc);
}
.aic-card-grid--carousel::-webkit-scrollbar { height: 8px; }
.aic-card-grid--carousel::-webkit-scrollbar-track { background: var(--color-bg-alt, #e8e4dc); border-radius: 4px; }
.aic-card-grid--carousel::-webkit-scrollbar-thumb { background: var(--color-accent, #0e7c7b); border-radius: 4px; }
.aic-card-grid--carousel > .aic-card {
flex: 0 0 300px;
scroll-snap-align: start;
}
.aic-home-blog { margin: var(--space-3xl) 0 0; }
.aic-home-blog-heading { max-width: 1200px; margin: 0 auto var(--space-lg); padding: 0 var(--space-xl); }
.aic-home-blog-heading h2 { font-size: 2rem; margin: 0 0 6px; color: var(--color-accent, #0e7c7b); }
.aic-home-blog-sub { color: var(--color-text-muted, #6a6660); margin: 0; }
.post-toc--hub-cards > p:first-child{
margin: 0 0 var(--space-md);
}
.post-toc--hub-cards ol{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--space-sm);
font-size: inherit;
line-height: inherit;
}
.post-toc--hub-cards li{
margin: 0;
padding: 0;
border: 0;
}
.post-toc--hub-cards li > a{
position: relative;
display: block;
border-radius: var(--radius-md);
overflow: hidden;
text-decoration: none;
color: inherit;
background: #1d3540; 
transition: transform 200ms ease, box-shadow 200ms ease;
}
.post-toc--hub-cards li > a:hover,
.post-toc--hub-cards li > a:focus-visible{
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(0,0,0,.08);
text-decoration: none;
}
.post-toc--hub-cards li > a:focus-visible{
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.post-toc--hub-cards .post-toc-thumb{
display: block;
width: 100%;
aspect-ratio: 5 / 2;
object-fit: cover;
margin: 0;
border: 0;
filter: brightness(0.82) saturate(0.95);
}
.post-toc--hub-cards li > a::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top,
rgba(0,0,0,.85) 0%,
rgba(0,0,0,.50) 35%,
rgba(0,0,0,0)   65%);
pointer-events: none;
}
.post-toc--hub-cards .post-toc-text{
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: var(--space-sm) var(--space-md);
z-index: 1;
line-height: 1.2;
}
.post-toc--hub-cards .post-toc-label{
display: block;
color: #fff;
font-weight: 700;
font-size: 1.3rem;
letter-spacing: .2px;
text-shadow: 0 2px 8px rgba(0,0,0,.6);
}
.post-toc--hub-cards .post-toc-count{
display: block;
margin-top: 3px;
color: rgba(255,255,255,.85);
font-weight: 500;
font-size: .88rem;
letter-spacing: .2px;
text-shadow: 0 1px 2px rgba(0,0,0,.45);
}