/* ==========================================================================
   OA Goudi — custom theme layer over Helix Ultimate
   Matches the original oagoudiou.org: white canvas, Ubuntu 300, green #2bb673.
   ========================================================================== */
:root{
  --oag-green:#2bb673;
  --oag-green-dark:#1e9d5f;
  --oag-blue:#2fb5e6;        /* original sidebar header blue */
  --oag-red:#e23b2f;         /* original red list arrow */
  --oag-ink:#333333;
}

body{ font-family:"Ubuntu",-apple-system,"Segoe UI",Roboto,sans-serif; font-weight:300; color:var(--oag-ink); }
h1,h2,h3,h4,h5,h6,.sppb-addon-title{ font-family:"Ubuntu",sans-serif; font-weight:300; }

/* ---- Top contact bar (light, like the original) ---- */
.sp-header-topbar,#sp-top-bar{ background:#f4f6f5; color:#5b6b62; font-size:.85rem; border-bottom:1px solid #e6ebe8; }
#sp-top-bar a,.sp-contact-info a,.sp-contact-info{ color:#5b6b62; }
#sp-top-bar a:hover,.sp-contact-info a:hover{ color:var(--oag-green); }
#sp-top-bar .fa,#sp-top-bar [class^="fa"]{ color:var(--oag-green); }
/* top-left link menu (Ο.Α. Γουδή · News · Χρήσιμοι Σύνδεσμοι), like the original */
#sp-top-bar .social-icons{ display:none; }           /* original had no social here */
#sp-top1 .sp-column{ display:flex;align-items:center;min-height:38px; }
.oag-topmenu{ margin:0; }
.oag-topmenu ul.menu{ display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0;align-items:center; }
.oag-topmenu ul.menu > li{ margin:0;padding:0;border:0; }
.oag-topmenu ul.menu > li > a{ display:inline;color:#5b6b62;font-size:.85rem;padding:0;border:0; }
.oag-topmenu ul.menu > li > a::before{ content:none; }
.oag-topmenu ul.menu > li > a:hover,.oag-topmenu ul.menu > li.active > a{ color:var(--oag-green);background:none; }

/* ---- Sidebars: single clean card, green header banner ---- */
#sp-left,#sp-right{ padding-top:10px; }
/* no outer card/border on the whole module — just the blue title bar + content */
#sp-left .sp-module,#sp-right .sp-module{
  background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;
  padding:0;margin-bottom:28px;
}
/* more specific than Helix's #sp-left .sp-module .sp-module-title so it actually wins;
   values match the original (16px / 10px 15px / margin 10px) */
#sp-left .sp-module .sp-module-title,#sp-right .sp-module .sp-module-title{
  background:var(--oag-blue);color:#fff;font-size:16px;font-weight:600;
  padding:10px 15px;margin:0 0 10px;border:0;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;
}
#sp-left .sp-module .sp-module-content,#sp-right .sp-module .sp-module-content{
  border:0;border-radius:0;padding:0;background:transparent;
}
/* strip mod_login's inner box + tidy spacing */
.oag-login .sp-module-content,.oag-login form,.oag-login fieldset,.oag-login .login{ border:0!important;padding:0;margin:0; }
.oag-login .mod-login,.oag-login form{ padding:14px 16px 16px; }
.oag-login .control-group{ margin-bottom:12px; }
.oag-login label{ font-size:.86rem;color:#5b6b62;margin-bottom:4px;display:block; }
/* Νέα year menu */
.oag-news-menu .menu{ list-style:none;margin:0;padding:0; }
.oag-news-menu .menu > li > a{
  display:block;padding:8px 14px;color:#3a4a42;border-bottom:1px solid #f0f3f1;position:relative;
}
.oag-news-menu .menu > li > a::before{ content:"\203A";color:var(--oag-red);font-weight:700;margin-right:8px; }
.oag-news-menu .menu > li > a:hover,.oag-news-menu .menu > li.active > a{ color:var(--oag-blue);background:#eef8fc; }
.oag-news-menu .menu > li:last-child > a{ border-bottom:0; }
/* social — brand colours like the original (FB blue, IG gradient) */
.oag-social{ display:flex;gap:10px;padding:14px 16px; }
.oag-social a{
  width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.15rem;transition:transform .2s,filter .2s;
}
.oag-social a[aria-label="Facebook"]{ background:#1877f2; }
.oag-social a[aria-label="Instagram"]{ background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%); }
.oag-social a:hover{ transform:translateY(-2px);filter:brightness(1.05);color:#fff; }
/* login */
.oag-login form{ padding:14px 4px 4px; }
.oag-login label{ font-size:.85rem;color:#5b6b62;margin:0 0 4px;display:block;font-weight:400; }
.oag-login input:not([type="checkbox"]):not([type="radio"]){ width:100%;border:1px solid #dfe6e2;border-radius:8px;padding:.5em .7em; }
/* password field: eye toggle sits INSIDE the input on the right */
.oag-login .input-group{ display:block;position:relative; }
.oag-login .input-group input.form-control{ padding-right:2.6em; }
.oag-login .input-password-toggle{
  position:absolute;top:0;right:0;height:100%;width:auto;border:0!important;background:transparent!important;
  color:#8a978f;padding:0 .75em;display:flex;align-items:center;box-shadow:none!important;border-radius:0; }
.oag-login .input-password-toggle:hover{ color:var(--oag-blue); }
.oag-login .form-group{ margin-bottom:14px; }
/* visible native checkbox */
.oag-login .form-check{ display:flex!important;align-items:center;gap:8px;padding:0!important;margin:2px 0 16px;min-height:auto; }
.oag-login .form-check-input{
  width:16px!important;height:16px!important;min-width:16px;margin:0!important;float:none!important;
  appearance:auto;-webkit-appearance:checkbox;opacity:1;position:static; }
.oag-login .form-check-label{ margin:0;font-size:.9rem; }
/* submit: normal-size green button (not full-width pill) */
.oag-login .mod-login__submit{ margin-bottom:10px; }
.oag-login .mod-login__submit .btn{ width:auto!important;border-radius:999px;padding:.5em 2em;font-size:.95rem; }
/* forgot links: plain, red arrow, no bordered list-group box */
.oag-login .mod-login__options{ border:0;margin:8px 0 0;padding:0;background:transparent; }
.oag-login .mod-login__options .list-group-item{
  border:0!important;padding:5px 0!important;background:transparent!important;color:#5b6b62;border-radius:0; }
.oag-login .mod-login__options .list-group-item::before{ content:"\203A  ";color:var(--oag-red);font-weight:700; }
.oag-login .mod-login__options .list-group-item:hover{ color:var(--oag-blue); }

/* ---- Featured hero mosaic (slider position) ---- */
/* the whole section gets the dark-olive background from the original, not each image */
#sp-hero,.oag-hero-row{ background:#2c2d01; }
#sp-hero .container,#sp-hero .container-inner{ padding-top:0;padding-bottom:0; }
.oag-hero{ padding:22px 0; }
.oag-hero .hero-grid{
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:14px;
}
.oag-hero .hero-card{
  position:relative;border-radius:10px;overflow:hidden;display:block;
  background-color:#125a94;background-size:cover;background-position:center;
  transition:transform .25s ease;
}
/* a single, even blue wash over each image (no per-title gradient) */
.oag-hero .hero-card::after{ content:"";position:absolute;inset:0;background:rgba(18,90,148,.42); }
.oag-hero .hero-card:hover{ transform:translateY(-2px); }
.oag-hero .hero-card:hover::after{ background:rgba(18,90,148,.28); }
.oag-hero .hero-card__title{
  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 16px;
  color:#fff;font-weight:400;font-size:1rem;line-height:1.3;
  text-shadow:0 1px 8px rgba(0,20,45,.65);
}
/* first card large (2x2), next four fill the rest */
.oag-hero .hero-card:first-child{ grid-column:span 2;grid-row:span 2; }
.oag-hero .hero-card:first-child .hero-card__title{ font-size:1.35rem;padding:20px; }
@media(max-width:767px){
  .oag-hero .hero-grid{ grid-template-columns:1fr 1fr;grid-auto-rows:130px; }
  .oag-hero .hero-card:first-child{ grid-column:span 2; }
}

/* ---- Header / logo ---- */
#sp-header{ box-shadow:0 1px 0 rgba(0,0,0,.06),0 6px 18px -12px rgba(0,0,0,.18); }
#sp-header.header-sticky{ box-shadow:0 4px 20px -8px rgba(0,0,0,.25); }
.logo img{ transition:transform .25s ease; }
.logo a:hover img{ transform:translateY(-1px); }

/* ---- Main menu ---- */
#sp-menu .sp-megamenu-parent>li>a{ font-weight:400; letter-spacing:.2px; }
#sp-menu .sp-megamenu-parent>li>a:hover,
#sp-menu .sp-megamenu-parent>li.active>a,
#sp-menu .sp-megamenu-parent>li.current>a{ color:var(--oag-green); }
#sp-menu .sp-megamenu-parent>li.active>a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;background:var(--oag-green);border-radius:2px;
}
#sp-menu .sp-megamenu-parent>li{ position:relative; }

/* ---- Links & buttons ---- */
a{ color:var(--oag-green); }
a:hover{ color:var(--oag-green-dark); }
.btn-primary,.sppb-btn-primary,.btn.btn-primary{
  background:var(--oag-green);border-color:var(--oag-green);color:#fff;border-radius:999px;padding:.45em 1.2em;font-weight:400;
}
.btn-primary:hover,.sppb-btn-primary:hover{ background:var(--oag-green-dark);border-color:var(--oag-green-dark);color:#fff; }

/* ---- Page heading ---- */
#sp-page-title{
  background:linear-gradient(120deg,var(--oag-green),var(--oag-green-dark));
  color:#fff;padding:34px 0;
}
#sp-page-title .sp-page-title{ color:#fff; }
#sp-page-title .breadcrumb,#sp-page-title .breadcrumb a{ color:rgba(255,255,255,.85); }

/* ---- Article / blog cards ---- */
.blog .article-list .article,
.com-content-category-blog__item,
.blog-featured .article{
  background:#fff;border:1px solid #eef1ef;border-radius:14px;overflow:hidden;
  box-shadow:0 8px 22px -16px rgba(20,60,40,.35);transition:transform .2s ease,box-shadow .2s ease;
  margin-bottom:30px;
}
.blog .article-list .article:hover,
.com-content-category-blog__item:hover{ transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(20,60,40,.45); }
/* image sits edge-to-edge above the body, full width (override Helix .float-left) */
.article-intro-image,.article-intro-image.float-left,
.item-image,.article-featured-image{ float:none!important;margin:0!important;width:100%!important;display:block; }
.article-intro-image a,.item-image a,.article-featured-image a{ display:block;width:100%; }
.article-intro-image img,.item-image img,.article-featured-image img{ width:100%!important;height:auto;display:block; }
/* ALL card text shares one left edge: 24px padding on the body, no extra offsets on children */
.com-content-category-blog__item .article-body,
.blog .article-list .article .article-body{ padding:20px 24px 18px;text-align:left;overflow:hidden; }
.article-header,.page-header{ padding:0;margin:0; }
.com-content-category-blog__item .article-header h2,
.blog .article-list .article .article-header h2{ font-size:1.32rem;font-weight:400;line-height:1.35;margin:0 0 10px;text-align:left; }
.com-content-category-blog__item .article-header h2 a,
.blog .article-list .article .article-header h2 a{ color:#1e2b24; }
.com-content-category-blog__item .article-header h2 a:hover,
.blog .article-list .article .article-header h2 a:hover{ color:var(--oag-green); }
/* meta line */
.com-content-category-blog__item .article-info,
.blog .article-list .article .article-info{ padding:0;margin:0 0 14px;text-align:left;color:#9aa8a0;font-size:.82rem; }
.article-info .category-name,.article-info .published{ margin-right:6px; }
.article-info dd{ margin:0; }
/* intro text */
.article-introtext,.com-content-category-blog__item .article-introtext{ padding:0;margin:0;line-height:1.65;color:#4a5852;text-align:left; }
/* Read more: plain green link with arrow, no pill */
.readmore{ padding:0;margin:14px 0 0;text-align:left; }
.readmore a{
  display:inline-block;background:none;border:0;padding:0;color:var(--oag-green);
  font-weight:500;border-radius:0;letter-spacing:.2px;
}
.readmore a::after{ content:" \2192";transition:margin .2s ease; }
.readmore a:hover{ background:none;color:var(--oag-green-dark); }
.readmore a:hover::after{ margin-left:4px; }
.article-ratings,.icons{ display:none; }

/* article full view media */
.item-page .article-full-image img,.item-page .article-intro-image img{ border-radius:12px;margin-bottom:18px; }
.item-page{ font-size:1.02rem;line-height:1.7; }
.item-page img{ max-width:100%;height:auto;border-radius:8px; }

/* ---- Footer ---- */
#sp-footer{ background:#1b3b2b;color:#dfeee7; }
#sp-footer a{ color:#a9d8c2; }
#sp-footer a:hover{ color:#fff; }
.sp-copyright{ font-size:.85rem;opacity:.9; }

/* ---- Scroll-to-top ---- */
#sp-scroll-up{ background:var(--oag-green);border-radius:12px; }
#sp-scroll-up:hover{ background:var(--oag-green-dark); }

/* Greek text crispness */
*{ text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased; }