/*
Theme Name: iFink
Template: twentytwentyfive
Description: iFink child theme (rebuilt Oct 2026). Black header, Oswald headings, card grid.
Version: 1.0
*/
.ifink-nav a{ text-transform:uppercase; letter-spacing:.04em; }
.ifink-nav .wp-block-navigation-item__content{ padding:.9rem 1rem; }
.ifink-nav .wp-block-navigation-item__content:hover,
.ifink-nav .current-menu-item > .wp-block-navigation-item__content{ background:var(--wp--preset--color--accent-1); color:#fff; }
.ifink-card{ background:#fff; border:1px solid #e5e5e5; height:100%; }
.ifink-card .wp-block-post-featured-image img{ aspect-ratio:16/10; object-fit:cover; }
.ifink-card .wp-block-post-title a{ text-decoration:none; }
.ifink-card .wp-block-post-title a:hover{ color:var(--wp--preset--color--accent-1); }
.wp-block-post-content iframe{ max-width:100%; }
.wp-block-post-content img{ max-width:100%; height:auto; }
.wp-block-post-content .alignleft{ float:left; margin:0 1.2em 1em 0; }
.wp-block-post-content .alignright{ float:right; margin:0 0 1em 1.2em; }
.wp-block-post-content .aligncenter{ display:block; margin:0 auto 1em; }
.wp-caption{ max-width:100%; } .wp-caption-text{ font-size:.85em; color:#666; }
.ifink-cat a{ background:var(--wp--preset--color--accent-2); color:#fff; padding:2px 8px; text-decoration:none; font-family:var(--wp--preset--font-family--oswald); text-transform:uppercase; font-size:.75rem; }
.ifink-cat a[href*="/uncategorized/"]{display:none}

/* ---- Boxed layout over the beach-ball background (as on the old site) ---- */
body{ background:#cfd8e3 url(/wp-content/uploads/beach-ball-legoland.jpg) center top / cover fixed no-repeat; }
.wp-site-blocks{ max-width:1200px; margin:0 auto; background:#f0f0f0; box-shadow:0 0 18px rgba(0,0,0,.35); padding:0 !important; }
.wp-site-blocks > *{ margin-block-start:0 !important; }
.ifink-social .wp-block-social-link{ border-radius:3px !important; }
.ifink-follow{ font-family:var(--wp--preset--font-family--oswald); text-transform:uppercase; font-size:.95rem; margin:0 0 .3rem; }

/* ---- Home: slider ---- */
.ifink-slider{ position:relative; height:clamp(220px,32vw,400px); overflow:hidden; background:#000; }
.ifink-slide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity .8s; display:flex; align-items:center; justify-content:center; text-decoration:none; }
.ifink-slide.is-active{ opacity:1; z-index:1; }
.ifink-slide span{ color:#fff; font:700 clamp(1.8rem,5vw,4rem)/1.1 Arial,Helvetica,sans-serif; text-shadow:0 3px 10px rgba(0,0,0,.75); text-align:center; padding:0 4rem; }
.ifink-prev,.ifink-next{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:44px; height:44px; border-radius:50%; border:0; background:rgba(0,0,0,.65); color:#fff; font-size:2rem; line-height:40px; cursor:pointer; }
.ifink-prev{ left:12px } .ifink-next{ right:12px }

/* ---- Home: category tiles ---- */
.ifink-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:#fff; padding:2px 0; }
.ifink-tile{ position:relative; display:block; overflow:hidden; aspect-ratio:300/250; }
.ifink-tile img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.ifink-tile:hover img{ transform:scale(1.06); }
.ifink-tile span{ position:absolute; left:6%; right:6%; bottom:.3rem; background:rgba(60,170,30,.85); color:#fff; text-align:center; font:500 1.15rem/2.1 var(--wp--preset--font-family--oswald); text-transform:uppercase; text-decoration:underline; text-underline-offset:3px; border-radius:2px; }
.ifink-tile:hover span{ background:rgba(11,99,199,.9); }
@media (max-width:780px){ .ifink-tiles{ grid-template-columns:repeat(2,1fr);} }

/* ---- Home: section headings + trending ---- */
.ifink-boxhead{ background:#e4e4e4; border-bottom:3px solid var(--wp--preset--color--accent-1); text-transform:uppercase; letter-spacing:.15em; text-align:center; padding:.8rem 1rem; margin:0 0 1rem !important; font-size:1.25rem !important; }
.ifink-sidehead{ background:#222; color:#fff; border-bottom:3px solid var(--wp--preset--color--accent-1); text-transform:uppercase; letter-spacing:.12em; text-align:center; padding:.9rem 1rem; margin:0 0 1rem !important; font-size:1.1rem !important; }
.ifink-trending{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.ifink-tcard{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#000; }
.ifink-tcard img{ width:100%; height:100%; object-fit:cover; opacity:.85; transition:transform .4s, opacity .4s; }
.ifink-tcard:hover img{ transform:scale(1.05); opacity:1; }
.ifink-tcard span{ position:absolute; left:0; right:0; bottom:0; padding:1.5rem 1rem .8rem; background:linear-gradient(transparent,rgba(0,0,0,.85)); color:#fff; font:600 1.2rem/1.25 var(--wp--preset--font-family--oswald); text-transform:uppercase; }
@media (max-width:600px){ .ifink-trending{ grid-template-columns:1fr; } }
.ifink-side ul{ padding-left:1.2rem; } .ifink-side a{ color:#333; text-decoration:none; } .ifink-side a:hover{ color:var(--wp--preset--color--accent-1); }

/* ---- Footer ---- */
.ifink-foot h2{ text-transform:uppercase; letter-spacing:.1em; font-size:1.05rem !important; font-weight:500; display:inline-block; border-bottom:3px solid var(--wp--preset--color--accent-1); padding-bottom:.6rem; }
.ifink-foot p{ color:#ccc; font-size:.9rem; }
.ifink-foot a{ color:#ddd; }

/* ---- v1.2: closer match to the old Valenti layout ---- */
.ifink-headrow{ flex-wrap:nowrap !important; }
.ifink-headrow .wp-block-site-tagline{ flex:1; padding:0 1.5rem; }
.ifink-headrow > .wp-block-group{ flex-shrink:0; }
@media (max-width:780px){ .ifink-headrow{ flex-wrap:wrap !important; justify-content:center !important; } }
.ifink-nav .wp-block-navigation-item__content{ padding:.95rem 1rem; }
body.home .ifink-nav .wp-block-navigation-item:first-child .wp-block-navigation-item__content{ background:var(--wp--preset--color--accent-1); }
.ifink-subbar{ background:#e4e4e4; padding:.55rem 1.3rem; }
.ifink-subbar p{ margin:0; font:500 .78rem var(--wp--preset--font-family--oswald); text-transform:uppercase; letter-spacing:.08em; }
.ifink-subbar a{ color:#888; text-decoration:none; margin-left:1.3rem; } .ifink-subbar a:hover{ color:#000; }
.ifink-hero{ display:flex; gap:12px; background:#fff; padding:1.5rem 0 .6rem; }
.ifink-hero .ifink-slider{ flex:1 1 74%; height:clamp(200px,21vw,250px); }
.ifink-adbox{ flex:0 0 25%; } .ifink-adbox img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:780px){ .ifink-adbox{ display:none; } }
.ifink-slide span{ font-size:clamp(1.6rem,4.2vw,3.6rem); }
.ifink-tiles{ margin-top:.6rem; }
.ifink-banner{ text-align:center; margin:0 0 .6rem; } .ifink-banner img{ max-width:100%; height:auto; }
.ifink-boxhead{ margin:0 0 1rem !important; }
.ifink-side .ifink-sidehead:not(:first-child){ margin-top:2rem !important; }
.ifink-side ul{ margin-bottom:0; }
* + .ifink-banner{ margin-top:2.2rem; }