@media (max-width:640px){ .itph-footer__inner{grid-template-columns:1fr;} .itph-footer nav.itph-col, .itph-brand,.itph-newsletter,.itph-modslot{grid-column:1/-1;} } /* Brand block */ .itph-logo{display:inline-flex; align-items:center; gap:8px; font-weight:800; letter-spacing:.2px; color:#000;} .itph-logo__mark{ display:inline-grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--itph-accent); color:#0b0f1a; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto; } .itph-logo__text{font-size:1.15rem;} .itph-about{color:var(--itph-fg-dim); margin:10px 0 14px; line-height:1.5;} /* Social */ .itph-social{display:flex; gap:10px; list-style:none; padding:0; margin:0;} .itph-social a{ display:inline-grid; place-items:center; width:38px; height:38px; border-radius:10px; background:var(--itph-card); border:1px solid var(--itph-border); } .itph-social a:hover{background:rgba(255,255,255,.95);} /* Lists & links inside cards -> black */ .itph-list{list-style:none; padding:0; margin:0; display:grid; gap:8px;} .itph-list--two{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px;} .itph-list a{color:#000;} /* Newsletter form – light input w/ black text */ .itph-form{display:flex; gap:8px; align-items:center; margin-top:8px;} .itph-form input{ flex:1; min-width:0; border-radius:12px; border:1px solid var(--itph-border); background:rgba(255,255,255,.9); color:#000; padding:10px 12px; outline:none; } .itph-form button{ border:0; padding:10px 14px; border-radius:12px; font-weight:700; cursor:pointer; background:var(--itph-accent); color:#0b0f1a; } /* Language chips */ .itph-lang{display:flex; gap:8px; margin-top:14px; flex-wrap:wrap;} .itph-lang a{ display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:32px; padding:0 8px; border-radius:10px; background:var(--itph-card); border:1px solid var(--itph-border); font-size:.9rem; color:#000; } .itph-lang a:hover{background:rgba(255,255,255,.95);} /* Legal row */ .itph-legal{ max-width:1200px; margin:0 auto; padding:14px 20px 32px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#000; border-top:1px solid var(--itph-border); } .itph-legal__links{display:flex; gap:14px; list-style:none; padding:0; margin:0;} .itph-legal__links a{color:#000;} .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } /* Keep any module content tidy inside cards */ .itph-col .module, .itph-col .moduletable, .itph-col .rlmod, .itph-col .custom {max-width:100%; overflow:hidden;} .itph-col .module img, .itph-col .moduletable img {max-width:100%; height:auto; border-radius:12px;}