/*
Theme Name: ORTEM Hellas
Theme URI: https://www.ortemhellas.gr
Author: ORTEM Hellas A.E.
Author URI: https://www.ortemhellas.gr
Description: Custom dark theme για την ORTEM Hellas — Social Robots at their finest! One-page αρχική με hero video, marquee, scroll-reveal animations και πλήρη υποστήριξη WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ortem-hellas
*/

:root{
  --bg:#103e4d;
  --bg-2:#0c333f;
  --panel:#17495a;
  --line:#2c6072;
  --ink:#f2f7f8;
  --muted:#a0b8be;
  --accent:#4fb6ae;
  --accent-dim:#3a8f88;
  --cyan:#62d2c8;
  --brand-deep:#103e4d;
  --ease: cubic-bezier(.16,.84,.44,1);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  cursor:none;
  overflow-x:hidden;
}
h1,h2,h3{font-family:'Manrope',sans-serif; margin:0; letter-spacing:-.02em;}
p{line-height:1.75; color:var(--muted); margin:0 0 14px;}
a{color:inherit; text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}
img,video{max-width:100%; display:block;}
button{font-family:inherit; cursor:none;}
::selection{background:var(--accent); color:#08191e;}

a, button, .cursor-pointer{cursor:none;}

/* ---------- CUSTOM CURSOR ---------- */
.cursor-dot, .cursor-ring{
  position:fixed; top:0; left:0; pointer-events:none; z-index:9999;
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.cursor-dot{
  width:6px; height:6px; background:var(--accent);
  transition:transform .15s var(--ease), opacity .2s;
}
.cursor-ring{
  width:36px; height:36px; border:1.5px solid rgba(79,182,174,.55);
  transition:width .3s var(--ease), height .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), transform .12s linear;
  mix-blend-mode:difference;
}
.cursor-ring.hover{
  width:64px; height:64px;
  background:rgba(79,182,174,.12);
  border-color:var(--accent);
}
@media (max-width:880px){
  .cursor-dot,.cursor-ring{display:none;}
  body,a,button{cursor:auto;}
}

.wrap{max-width:1200px; margin:0 auto; padding:0 32px;}

/* ---------- NAV ---------- */
header.nav{
  position:fixed; top:0; left:0; right:0; z-index:50;
  transition:background .4s var(--ease), border-color .4s var(--ease);
  border-bottom:1px solid transparent;
}
header.nav.solid{
  background:rgba(16,62,77,.82);
  backdrop-filter:blur(14px);
  border-color:var(--line);
}
.nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 32px; max-width:1200px; margin:0 auto;
}
.logo-mark{
  display:flex; align-items:center; gap:10px;
  color:#fff; font-weight:800; font-size:18px; letter-spacing:.02em;
  font-family:'Manrope',sans-serif;
  opacity:0; transform:translateY(-10px);
  animation:dropIn .7s var(--ease) .1s forwards;
}
.logo-mark .dot{width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px 2px rgba(79,182,174,.6);}
.logo-brand{display:inline-flex; align-items:center; opacity:0; transform:translateY(-10px); animation:dropIn .7s var(--ease) .1s forwards;}
.logo-brand img{height:48px; width:auto; display:block;}
@media (max-width:880px){ .logo-brand img{height:40px;} }
nav.links{display:flex;}
nav.links ul{display:flex; gap:30px; margin:0; padding:0; list-style:none;}
nav.links a{
  color:var(--muted); font-size:13px; font-weight:600;
  text-transform:uppercase; letter-spacing:.06em;
  position:relative; padding:6px 0; display:inline-block;
  opacity:0; transform:translateY(-10px);
  transition:color .3s var(--ease);
}
nav.links a::after{
  content:''; position:absolute; left:0; bottom:0;
  width:0; height:1px; background:var(--accent);
  transition:width .3s var(--ease);
}
nav.links a:hover{color:#fff;}
nav.links a:hover::after{width:100%;}
nav.links li.current-menu-item > a{color:#fff;}
nav.links li.current-menu-item > a::after{width:100%;}
@keyframes dropIn{ to{opacity:1; transform:translateY(0);} }

/* ---------- MOBILE NAV (προσθήκη για WP) ---------- */
.nav-toggle{
  display:none; background:none; border:none; padding:8px;
  flex-direction:column; gap:6px; z-index:60;
}
.nav-toggle span{
  display:block; width:26px; height:2px; background:#fff; border-radius:2px;
  transition:transform .35s var(--ease), opacity .3s var(--ease);
}
.nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
.mobile-menu{
  position:fixed; inset:0; z-index:55;
  background:rgba(16,62,77,.97);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity .35s var(--ease);
}
.mobile-menu.open{opacity:1; pointer-events:auto;}
.mobile-menu ul{display:flex; flex-direction:column; gap:20px; text-align:center; list-style:none; margin:0; padding:0;}
.mobile-menu a{
  font-family:'Manrope',sans-serif; font-size:26px; font-weight:800; color:#fff;
  transition:color .3s var(--ease);
}
.mobile-menu a:hover{color:var(--accent);}
body.menu-open{overflow:hidden;}
@media (max-width:880px){
  .nav-toggle{display:flex;}
}

/* ---------- HERO ---------- */
.hero{
  position:relative; height:100vh; min-height:680px;
  overflow:hidden;
  display:flex; align-items:center;
}
.hero .bg{position:absolute; inset:0; overflow:hidden;}
.hero .bg video{width:100%; height:100%; object-fit:cover; object-position:center 30%; filter:grayscale(.25) brightness(.55);}
.hero::after{
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 20% 30%, rgba(79,182,174,.10), transparent 55%),
    linear-gradient(180deg, rgba(8,30,38,.55) 0%, rgba(9,40,50,.35) 40%, rgba(16,62,77,.96) 100%);
}
.hero-content{position:relative; z-index:2; max-width:1200px; margin:0 auto; width:100%; padding:0 32px;}
.eyebrow{
  display:flex; align-items:center; gap:10px;
  color:var(--accent); font-size:12.5px; font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; margin-bottom:22px;
  opacity:0; transform:translateY(16px);
  animation:riseIn .8s var(--ease) .5s forwards;
}
.eyebrow::before{content:''; width:26px; height:1px; background:var(--accent);}
.hero h1{
  color:#fff; font-size:clamp(42px,7vw,84px); font-weight:800; line-height:.98;
  opacity:0; transform:translateY(30px);
  animation:riseIn .9s var(--ease) .65s forwards;
}
.hero h1 span{color:var(--accent);}
.hero .tagline{
  color:var(--muted); font-size:19px; font-weight:500; margin-top:22px;
  max-width:480px;
  opacity:0; transform:translateY(22px);
  animation:riseIn .9s var(--ease) .82s forwards;
}
.hero .cta-row{margin-top:34px; opacity:0; animation:riseIn .9s var(--ease) 1s forwards;}
.hero .scroll-cue{
  position:absolute; left:32px; bottom:36px; z-index:2;
  display:flex; align-items:center; gap:10px;
  color:var(--muted); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  opacity:0; animation:riseIn .8s var(--ease) 1.2s forwards;
}
.scroll-cue .line{width:1px; height:40px; background:var(--line); position:relative; overflow:hidden;}
.scroll-cue .line::after{
  content:''; position:absolute; top:-40px; left:0; width:1px; height:40px; background:var(--accent);
  animation:scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine{ to{top:100%;} }
@keyframes riseIn{ to{opacity:1; transform:translateY(0);} }

/* ---------- MARQUEE ---------- */
.marquee{
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:20px 0; overflow:hidden; background:var(--bg-2);
  white-space:nowrap;
}
.marquee-track{display:inline-flex; animation:marquee 22s linear infinite;}
.marquee-track span{
  font-family:'Manrope',sans-serif; font-size:16px; font-weight:700;
  color:var(--muted); text-transform:uppercase; letter-spacing:.05em;
  padding:0 28px; display:inline-flex; align-items:center; gap:28px;
}
.marquee-track span::after{content:'✷'; color:var(--accent); font-size:13px;}
@keyframes marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ---------- SECTION LABEL ---------- */
.section-label{
  display:flex; align-items:center; gap:14px; margin-bottom:18px;
}
.section-label .num{
  font-family:'Manrope',sans-serif; font-size:13px; font-weight:700; color:var(--accent);
}
.section-label .txt{
  font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--muted);
}
.section-label .rule{flex:1; height:1px; background:var(--line);}

section{padding:100px 0;}

/* ---------- REVEAL ---------- */
.reveal{opacity:0; transform:translateY(36px); transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal.in{opacity:1; transform:translateY(0);}
.reveal.d1{transition-delay:.1s;}
.reveal.d2{transition-delay:.22s;}

/* ---------- WHO WE ARE ---------- */
.split{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center;}
h2.big,h1.big{font-size:clamp(30px,4vw,44px); font-weight:800; color:#fff; margin-bottom:22px;}
.split .copy p{font-size:16px;}
.feature-list{margin:20px 0 30px; display:flex; flex-direction:column; gap:12px;}
.feature-list li{
  display:flex; align-items:center; gap:14px; font-size:15px; color:var(--ink); font-weight:500;
  padding-bottom:12px; border-bottom:1px solid var(--line);
}
.feature-list li:last-child{border-bottom:none;}
.feature-list li::before{content:'0'attr(data-i); font-family:'Manrope',sans-serif; font-weight:800; color:var(--accent); font-size:13px; flex:none;}

.btn{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--accent); color:#08191e;
  padding:15px 28px; border-radius:100px; border:none;
  font-size:13.5px; font-weight:800; text-transform:uppercase; letter-spacing:.04em;
  transition:transform .4s var(--ease), background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
}
.btn:hover{background:#fff; color:var(--brand-deep); transform:translateY(-3px); box-shadow:0 16px 32px rgba(0,0,0,.28);}
.btn.ghost{
  background:transparent; color:#fff; border:1.5px solid var(--line);
}
.btn.ghost:hover{background:#fff; color:var(--brand-deep); border-color:#fff; transform:translateY(-3px); box-shadow:0 16px 32px rgba(0,0,0,.28);}

.media-frame{
  position:relative; border-radius:18px; overflow:hidden;
  border:1px solid var(--line);
}
.media-frame::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 60%, rgba(9,40,50,.5));
}
.media-frame img{width:100%; height:100%; object-fit:cover; filter:grayscale(.35) contrast(1.05);
  transition:filter .5s var(--ease), transform .6s var(--ease);}
.media-frame:hover img{filter:grayscale(0) contrast(1.05); transform:scale(1.04);}

/* ---------- STATS ---------- */
.stats{background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:64px 0;}
.stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:left;}
.stat h3{font-size:clamp(34px,4vw,52px); font-weight:800; color:#fff;}
.stat h3 span{color:var(--accent);}
.stat p{font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-top:6px;}

/* ---------- ACTIONS ---------- */
.action-tag{
  display:inline-flex; align-items:center; gap:8px; color:var(--accent);
  font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-bottom:18px;
}
.action-tag::before{content:''; width:8px; height:8px; border-radius:50%; background:var(--accent);}

/* ---------- WORKFLOW ---------- */
.workflow-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:20px;}
.wf-step{
  border:1px solid var(--line); border-radius:16px; padding:28px 22px; background:var(--panel);
  transition:border-color .4s var(--ease), transform .4s var(--ease);
}
.wf-step:hover{border-color:var(--accent); transform:translateY(-6px);}
.wf-step .n{font-family:'Manrope',sans-serif; font-size:34px; font-weight:800; color:var(--accent); opacity:.85;}
.wf-step h4{font-size:16px; font-weight:700; color:#fff; margin:14px 0 8px;}
.wf-step p{font-size:13px; margin:0;}

/* ---------- PARTNERS MARQUEE ---------- */
.partners{background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:70px 0;}
.logo-row{overflow:hidden; margin-top:12px;}
.logo-track{display:inline-flex; gap:0; animation:logoScroll 26s linear infinite;}
.logo-card{
  flex:none; width:190px; height:96px;
  display:flex; align-items:center; justify-content:center;
  border-right:1px solid var(--line);
  filter:grayscale(1) brightness(1.6) opacity(.6);
  transition:filter .4s var(--ease);
}
.logo-card:hover{filter:grayscale(0) brightness(1) opacity(1);}
.logo-card svg{width:80%; height:50px;}
.logo-card img{max-height:56px; width:auto;}
@keyframes logoScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ---------- CERTS ---------- */
.certs h2.big{margin-bottom:36px;}
.cert-row{display:flex; gap:22px; flex-wrap:wrap;}
.cert-badge{
  width:74px; height:74px; border-radius:50%;
  background:var(--panel); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  transition:transform .4s var(--ease), border-color .4s var(--ease);
}
.cert-badge:hover{transform:translateY(-4px) scale(1.05); border-color:var(--accent);}
.cert-badge svg{width:36px; height:36px;}

/* ---------- CTA ---------- */
.cta{
  position:relative; text-align:center; padding:120px 0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(79,182,174,.10), transparent 60%),
    var(--bg);
}
.cta h2{font-size:clamp(34px,5vw,64px); font-weight:800; color:#fff; max-width:760px; margin:0 auto 30px;}
.cta h2 span{color:var(--accent);}

/* ---------- FOOTER ---------- */
footer.site-footer{background:var(--bg-2); color:var(--muted); padding:64px 0 28px; border-top:1px solid var(--line);}
.footer-logo{height:54px; width:auto; display:block; margin-bottom:16px;}
.footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid var(--line);}
.footer-brand{display:flex; align-items:center; gap:10px; color:#fff; font-weight:800; font-size:18px; margin-bottom:14px; font-family:'Manrope',sans-serif;}
.footer-brand .dot{width:9px; height:9px; border-radius:50%; background:var(--accent);}
.footer-grid p{font-size:14px; max-width:260px;}
.footer-col h4{font-size:12px; color:#fff; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:18px;}
.footer-col ul{display:flex; flex-direction:column; gap:11px; list-style:none; margin:0; padding:0;}
.footer-col a{font-size:14px; transition:color .25s var(--ease), padding-left .25s var(--ease);}
.footer-col a:hover{color:var(--accent); padding-left:4px;}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:24px; font-size:13px; flex-wrap:wrap; gap:14px;}
.socials{display:flex; gap:14px;}
.socials a{
  width:36px; height:36px; border-radius:50%; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);
}
.socials a:hover{background:var(--accent); border-color:var(--accent); transform:translateY(-3px);}
.socials svg{width:14px; height:14px; fill:#fff;}
.socials a:hover svg{fill:#08191e;}

/* ---------- ΕΣΩΤΕΡΙΚΕΣ ΣΕΛΙΔΕΣ (page.php, home.php, single.php, WooCommerce) ---------- */
.inner-main{padding:170px 0 90px; min-height:60vh;}
.inner-main .page-head{margin-bottom:44px;}
.inner-main .page-head .section-label{margin-bottom:14px;}
.entry-content{max-width:820px;}
.entry-content p{font-size:16px;}
.entry-content h2,.entry-content h3{color:#fff; margin:34px 0 14px;}
.entry-content h2{font-size:28px;}
.entry-content h3{font-size:21px;}
.entry-content a{color:var(--accent);}
.entry-content ul{list-style:disc; padding-left:22px; color:var(--muted); margin:0 0 14px;}
.entry-content ol{color:var(--muted); padding-left:22px; margin:0 0 14px;}
.entry-content li{margin-bottom:6px; line-height:1.7;}
.entry-content img{border-radius:14px; border:1px solid var(--line);}
.entry-content blockquote{border-left:2px solid var(--accent); margin:20px 0; padding:6px 0 6px 20px; color:var(--ink);}

/* ---------- ΝΕΑ & ΑΡΘΡΑ ---------- */
.post-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.post-card{
  display:flex; flex-direction:column;
  border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--panel);
  transition:border-color .4s var(--ease), transform .4s var(--ease);
}
.post-card:hover{border-color:var(--accent); transform:translateY(-6px);}
.post-card .thumb{aspect-ratio:16/10; overflow:hidden; background:var(--bg-2);}
.post-card .thumb img{width:100%; height:100%; object-fit:cover; filter:grayscale(.3); transition:filter .5s var(--ease), transform .6s var(--ease);}
.post-card:hover .thumb img{filter:grayscale(0); transform:scale(1.05);}
.post-card .body{padding:22px; display:flex; flex-direction:column; gap:10px; flex:1;}
.post-card .date{font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent);}
.post-card h3{font-size:18px; font-weight:700; color:#fff; line-height:1.35;}
.post-card p{font-size:14px; margin:0; flex:1;}
.post-card .more{font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--accent);}
.post-meta{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); margin-bottom:16px;}
.single-hero-img{border-radius:18px; overflow:hidden; border:1px solid var(--line); margin:30px 0;}
.pagination-row{display:flex; gap:8px; margin-top:44px;}
.pagination-row .page-numbers{
  min-width:40px; height:40px; padding:0 12px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--line); color:var(--muted); font-size:13px; font-weight:700;
}
.pagination-row .page-numbers.current, .pagination-row .page-numbers:hover{border-color:var(--accent); color:var(--accent);}

/* ---------- WOOCOMMERCE (dark overrides) ---------- */
.woocommerce-wrap{color:var(--ink);}
.woocommerce-wrap .woocommerce-products-header__title{font-size:clamp(30px,4vw,44px); font-weight:800; color:#fff; margin-bottom:26px;}
.woocommerce ul.products{margin-top:20px;}
.woocommerce ul.products li.product{
  background:var(--panel); border:1px solid var(--line); border-radius:16px;
  padding:16px 16px 20px; text-align:left;
  transition:border-color .4s var(--ease), transform .4s var(--ease);
}
.woocommerce ul.products li.product:hover{border-color:var(--accent); transform:translateY(-6px);}
.woocommerce ul.products li.product img{border-radius:10px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title{
  font-family:'Manrope',sans-serif; font-size:16px; font-weight:700; color:#fff; padding-top:12px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--accent); font-weight:800; font-family:'Manrope',sans-serif;
}
.woocommerce div.product .product_title{color:#fff; font-weight:800;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--panel); border-color:var(--line);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--muted);}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff;}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--muted);}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit{
  background:var(--accent); color:#08191e; border-radius:100px;
  font-weight:800; text-transform:uppercase; letter-spacing:.04em; font-size:12.5px;
  padding:12px 22px;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background:#fff; color:var(--brand-deep);
  transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,.25);
}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-breadcrumb{color:var(--muted);}
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select, .woocommerce-page form .form-row select,
.woocommerce .quantity .qty{
  background:var(--panel); border:1px solid var(--line); color:var(--ink);
  border-radius:10px; padding:10px 12px;
}
.woocommerce form .form-row label{color:var(--muted);}
.woocommerce table.shop_table{border:1px solid var(--line); border-radius:14px; color:var(--ink);}
.woocommerce table.shop_table th{color:#fff;}
.woocommerce table.shop_table td, .woocommerce table.shop_table th{border-color:var(--line);}
.woocommerce-cart .cart-collaterals .cart_totals h2, .woocommerce-checkout h3{color:#fff;}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error{
  background:var(--panel); color:var(--ink); border-top-color:var(--accent);
}
.woocommerce .woocommerce-message a, .woocommerce .woocommerce-info a{color:var(--accent);}
.woocommerce #payment{background:var(--panel); border-radius:14px;}
.woocommerce #payment div.payment_box{background:var(--bg-2); color:var(--muted);}
.woocommerce #payment div.payment_box::before{border-bottom-color:var(--bg-2);}
.woocommerce nav.woocommerce-pagination ul{border-color:var(--line);}
.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line);}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{color:var(--muted);}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover{
  background:var(--panel); color:var(--accent);
}
.woocommerce .star-rating span::before{color:var(--accent);}

/* ---------- ΣΕΛΙΔΑ ΡΟΜΠΟΤ (page-robots.php) ---------- */
.robots-intro{max-width:720px; margin-bottom:50px;}
.robot-block{padding:70px 0; border-top:1px solid var(--line);}
.robot-block.first{border-top:none; padding-top:30px;}
.robot-name{font-size:clamp(26px,3vw,36px); font-weight:800; color:#fff; margin-bottom:14px; font-family:'Manrope',sans-serif;}
.robot-media{
  position:relative; border-radius:18px; overflow:hidden;
  background:#fff; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  padding:28px; min-height:340px;
}
.robot-media img{max-height:430px; width:auto; max-width:100%; object-fit:contain;}
.robot-specs{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px;}
.robot-specs span{
  font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--accent); border:1px solid var(--line); border-radius:100px; padding:8px 14px;
}
.robot-cta-row{display:flex; gap:14px; flex-wrap:wrap; margin-top:24px;}

/* Λευκή παραλλαγή media-frame για product shots σε σκούρο φόντο */
.media-frame.light{background:#fff;}
.media-frame.light::after{display:none;}
.media-frame.light img{filter:none; object-fit:contain; padding:20px;}

/* ---------- FOOTER CONTACT ---------- */
.footer-contact{margin-top:16px; display:flex; flex-direction:column; gap:8px; font-size:14px;}
.footer-contact a{transition:color .25s var(--ease);}
.footer-contact a:hover{color:var(--accent);}

/* ---------- RESPONSIVE ---------- */
@media (max-width:880px){
  nav.links{display:none;}
  .split{grid-template-columns:1fr; gap:40px;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .workflow-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr; row-gap:32px;}
  .post-grid{grid-template-columns:1fr;}
  .inner-main{padding:130px 0 70px;}
}
@media (min-width:881px) and (max-width:1100px){
  .post-grid{grid-template-columns:1fr 1fr;}
}