/*
Theme Name: RobotMobilny Cyklobot by DI-ZET
Theme URI: https://robotmobilny.pl/
Author: DI-ZET / RobotMobilny
Description: Autorski, responsywny motyw dla polskiego huba Cyklop Cyklobot. Wymaga RobotMobilny Engine do pełnego działania.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: robotmobilny
License: GPL-2.0-or-later
*/
:root{--navy:#0c1932;--ink:#162744;--blue:#2452a0;--orange:#ee5a35;--muted:#637186;--pale:#f2f6fa;--line:#dce5ee;--white:#fff;--radius:20px;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.68 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:#164c99;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}h1,h2,h3,h4{line-height:1.18;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(2.35rem,5vw,4.7rem);margin:0 0 22px}h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 16px}h3{font-size:1.3rem;margin:0 0 9px}p{margin:0 0 18px}ul{padding-left:22px}.container{max-width:var(--wrap);width:calc(100% - 44px);margin-inline:auto}.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}.skip-link{position:absolute;top:-60px;left:10px;z-index:999;background:white;padding:9px}.skip-link:focus{top:8px}.top-strip{background:#0b1934;color:#e3ebfa;font-size:12px;letter-spacing:.025em}.top-strip .container{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:8px}.top-strip a{color:#fff}.main-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(4,18,46,.09)}body.admin-bar .main-header{top:32px}.head-row{display:flex;align-items:center;gap:26px;min-height:86px}.brand-wrap{display:flex;align-items:center;gap:16px;flex-shrink:0;color:var(--navy)}.brand-wrap:hover{text-decoration:none}.brand-mark{width:126px;display:block}.brand-separator{height:31px;width:1px;background:#ccd9e8}.brand-lines strong{font-size:15px;display:block;letter-spacing:-.02em}.brand-lines small{display:block;font-size:11px;color:#6f7d8f;white-space:nowrap}.main-menu{display:flex;gap:14px;align-items:center;justify-content:center;flex:1}.main-menu>a{font-size:13px;font-weight:700;white-space:nowrap;color:#263957;padding:9px 4px}.main-menu>a:hover{color:var(--orange);text-decoration:none}.head-cta{background:var(--orange);color:#fff!important;padding:12px 19px;border-radius:10px;font-size:13px;font-weight:800;white-space:nowrap}.head-cta:hover,.btn:hover{filter:brightness(.94);text-decoration:none}.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);padding:10px 12px;border-radius:10px;color:var(--navy)}.lang-bar{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-height:37px;border-top:1px solid #eef2f7}.lang-bar span{color:#718095;font-size:11px}.lang-bar a{font-size:11px;font-weight:700;color:#52627d;padding:3px 5px}.lang-bar a:hover,.lang-bar a[aria-current=page]{color:var(--orange)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 46%,#224e8d 0%,#122d57 35%,#09172e 78%);color:white;padding:65px 0 82px}.hero::after{content:"";position:absolute;width:590px;height:590px;border:1px solid #ffffff20;border-radius:50%;right:-80px;top:15px;pointer-events:none}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.hero h1,.hero h2,.hero h3{color:white}.hero h1{font-size:clamp(2.5rem,5.2vw,5.4rem)}.hero-copy{color:#d1e0f1;max-width:630px;font-size:18px;line-height:1.6}.eyebrow{display:inline-block;color:#ed6a48;font-weight:850;letter-spacing:.15em;text-transform:uppercase;font-size:12px;margin:0 0 20px}.hero .eyebrow{color:#fbac95}.hero-picture{position:relative;z-index:1;text-align:center}.hero-picture img{height:min(570px,65vh);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(18px 26px 24px #030c1d8a)}.hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.hero-proof span{border:1px solid #7190bb77;background:#ffffff0f;border-radius:40px;padding:7px 12px;font-size:12px;color:#d6e6f7}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:800;padding:14px 22px;background:var(--orange);color:#fff;border-radius:10px;border:1px solid transparent;cursor:pointer;line-height:1.25;transition:filter .18s}.btn--light{background:white;color:#0d2748}.btn--outline{background:transparent;border-color:#9ac2dd;color:white}.btn--navy{background:var(--navy);color:white}.section{padding:76px 0}.section--soft{background:var(--pale)}.section--navy{background:var(--navy);color:#e4eafa}.section--navy h2,.section--navy h3{color:white}.section-head{max-width:780px;margin-bottom:36px}.lead{font-size:18px;color:#56667b;line-height:1.65}.section--navy .lead{color:#c9d6ea}.stats{background:#fff;border-bottom:1px solid var(--line)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0}.stat-row strong{display:block;color:#172c50;font-size:27px;letter-spacing:-.05em;line-height:1.2}.stat-row span{display:block;color:#617086;font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:27px;box-shadow:0 14px 38px rgba(18,48,83,.035);height:100%}.card h3{margin-top:10px}.card p{font-size:14px;color:#52627a}.card-link{font-size:13px;font-weight:850;color:var(--blue)}.icon-dot{width:44px;height:44px;display:grid;place-items:center;background:#eaf0fa;border-radius:14px;font-size:21px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.picture{width:100%;border-radius:22px;object-fit:cover;box-shadow:0 15px 40px #192b4615}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{background:#fff;border:1px solid var(--line);padding:12px;border-radius:16px}.video-card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;display:block;background:#091b34}.video-card.is-short iframe{aspect-ratio:9/13;max-height:370px}.video-card p{font-size:13px;color:#4f6079;margin:9px 5px 4px}.data-table{border-collapse:collapse;width:100%;font-size:15px}.data-table th,.data-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{background:#f2f6fa;color:#263956;width:38%;font-weight:700}.data-table tr:nth-child(even) td{background:#fbfcfe}.note{font-size:13px;color:#5a687b;background:#f3f7fb;border-left:3px solid var(--orange);padding:12px 16px;margin:18px 0;border-radius:0 9px 9px 0}.rmb-page-hero{background:linear-gradient(116deg,#0b1c38,#1b3b69);color:#d7e4f7;padding:59px 0}.rmb-page-hero h1{color:#fff;font-size:clamp(2.4rem,4.8vw,4rem);max-width:900px;margin-bottom:14px}.rmb-page-hero p{max-width:800px;margin:0}.breadcrumbs{font-size:12px;color:#a7bbd2;margin-bottom:18px}.breadcrumbs a{color:#e6eff9}.article-wrap{max-width:900px;margin:0 auto;padding:56px 0 82px}.article-wrap .intro{font-size:19px;color:#4d6077}.article-wrap h2{margin-top:43px}.article-wrap h3{margin-top:25px}.article-wrap figure{margin:25px 0}.article-wrap figure img{border-radius:14px}.article-wrap figcaption{color:#637389;font-size:12px}.article-wrap table{margin:20px 0}.article-wrap .card-grid{margin:26px 0}.article-wrap .card h3{margin-top:0}.article-wrap .card p{margin-bottom:10px}.cta-band{background:#f0f5fc;padding:54px 0}.cta-band .container{display:flex;justify-content:space-between;gap:28px;align-items:center}.site-footer{background:#09172d;color:#c9d7ec;padding:59px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.site-footer h3{color:#fff;font-size:15px;margin:0 0 16px;letter-spacing:0}.site-footer p,.site-footer a{color:#cbd7e8;font-size:13px;line-height:1.8}.site-footer a:hover{color:white}.footer-meta{border-top:1px solid #51627d50;padding:18px 0;margin-top:42px;color:#a9bdd7;font-size:11px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-di{font-size:25px;letter-spacing:-.06em;color:#fff;font-weight:900}.footer-di span{color:var(--orange)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.gallery-grid figure{margin:0}.gallery-grid img{display:block;width:100%;height:225px;object-fit:cover;border-radius:12px}.gallery-grid figcaption{font-size:12px;color:#66758b;padding-top:8px}.rmb-form{background:#fff;border:1px solid var(--line);padding:27px;border-radius:20px;margin:26px 0;box-shadow:0 15px 35px #091b3210}.rmb-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rmb-fields label{font-weight:700;color:#2b3e5c;font-size:13px}.rmb-fields input,.rmb-fields select,.rmb-fields textarea{display:block;width:100%;padding:11px 13px;border:1px solid #b8c6d6;border-radius:9px;background:white;color:#152944;margin-top:5px}.rmb-fields label.wide{grid-column:1/-1}.rmb-form .consent{display:flex;align-items:flex-start;gap:9px;font-weight:500;font-size:12px;color:#4d5f73;margin:17px 0}.consent input{margin-top:5px}.rmb-alert{padding:12px 17px;border-radius:12px;margin:13px 0;background:#e8f5ee;color:#155538}.rmb-alert.is-error{background:#fff2ec;color:#80391d}.rmb-result{border:1px solid #cee0f4;background:#f3f8fe;border-radius:15px;padding:19px;margin:18px 0;font-size:14px}.rmb-result strong{display:block;margin-bottom:6px}.rmb-selector{border:1px solid var(--line);border-radius:17px;padding:25px;margin:22px 0;background:#fcfdff}.rmb-selector .rmb-fields{margin-top:18px}.rmb-copilot{border:1px solid #cadced;border-radius:17px;background:#f2f6fd;padding:23px;margin:24px 0}.rmb-chat-answer{background:white;border-radius:12px;padding:17px;margin-top:12px;min-height:44px;font-size:14px}.rmb-chat-input{display:flex;gap:8px;margin-top:12px}.rmb-chat-input input{flex:1;min-width:0;padding:11px;border:1px solid #afc0d7;border-radius:9px}.rmb-chipbox{display:flex;gap:8px;flex-wrap:wrap}.rmb-chipbox button{font-size:12px;background:white;border:1px solid #bdcde0;border-radius:25px;padding:7px 10px;cursor:pointer;color:#1b457b}.rmb-small{font-size:12px;color:#62738b}.rmb-summary-list{padding-left:20px}.rmb-summary-list li{padding-bottom:8px}.rmb-lang-head{background:linear-gradient(120deg,#0e2342,#214c88);padding:45px;color:white;border-radius:22px;margin:0 0 28px}.rmb-lang-head h2{color:white;margin-top:0}.rmb-lang-head p{color:#d6e7fc}.rmb-lang-head .btn{background:white;color:#0c2b53}.wp-block-image img{border-radius:14px}.privacy-link{font-size:12px}.rmb-faq details{border-bottom:1px solid var(--line);padding:16px 0}.rmb-faq summary{cursor:pointer;font-weight:800;color:var(--navy)}.rmb-faq details p{margin:12px 0 0;color:#56667c}
@media(max-width:1160px){.head-row{gap:12px}.brand-mark{width:108px}.main-menu{gap:7px}.main-menu>a{font-size:12px}}@media(max-width:960px){.mobile-toggle{display:inline-flex;margin-left:auto}.head-cta{display:none}.main-menu{position:absolute;top:100%;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:10px 22px 20px;box-shadow:0 18px 22px #0b1c3022}.main-menu.is-open{display:flex}.main-menu>a{font-size:15px;padding:9px 0}.hero-layout{grid-template-columns:1fr 1fr;gap:10px}.stat-row{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:670px){.container{width:calc(100% - 32px)}.top-strip .container{font-size:11px}.head-row{min-height:72px}.brand-mark{width:97px}.brand-wrap{gap:9px}.brand-lines strong{font-size:13px}.brand-lines small{font-size:10px}.hero{padding:42px 0 50px}.hero-layout{grid-template-columns:1fr}.hero h1{font-size:2.9rem}.hero-picture img{height:330px}.hero-copy{font-size:16px}.section{padding:52px 0}.card-grid,.video-grid,.gallery-grid,.split,.rmb-fields{grid-template-columns:1fr}.gallery-grid img{height:240px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.cta-band .container{display:block}.article-wrap{padding:36px 0 60px}.rmb-page-hero{padding:36px 0}.rmb-fields label.wide{grid-column:auto}}@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.lang-bar{gap:4px}.stat-row strong{font-size:21px}.hero-proof{gap:5px}.hero-proof span{font-size:10px}.btn{padding:13px 17px}.brand-separator{height:28px}}
/* Language landing product visual (actual Cyklop brochure image) */
.rmb-lang-head{position:relative;overflow:hidden;padding-right:38%}.rmb-lang-head::after{content:"";position:absolute;right:0;bottom:-14px;width:39%;height:98%;background:url('assets/img/cyklobot-produkt.png') center bottom/contain no-repeat;pointer-events:none;opacity:.96}.rmb-lang-head>*{position:relative;z-index:1}.rmb-lang-head h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
@media(max-width:670px){.rmb-lang-head{padding:30px 24px 235px}.rmb-lang-head::after{height:220px;width:80%;right:10%;bottom:0}}