/*
Theme Name: ARIT Digital AI First
Author: ARIT RRU (custom draft)
Description: Offline prototype theme for ARIT RRU. Test in staging before activation.
Version: 1.2.0
Text Domain: arit-digital
*/

:root{--navy:#06152d;--ink:#112441;--blue:#145eea;--orange:#ff922f;--muted:#65748c;--line:#e5eaf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f7f9fd;font-family:Inter,'IBM Plex Sans Thai',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{width:min(1360px,calc(100% - 80px));margin:auto}.topline{background:#051126;color:#9db2d0;font-size:11px;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between;gap:12px}.topline b{color:#fff;font-weight:600}.header{position:sticky;top:0;z-index:30;background:#fffefef5;backdrop-filter:blur(20px);border-bottom:1px solid #e9edf4}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:#fff;font-weight:800;background:linear-gradient(145deg,#005de9,#001d5c);font-size:13px;letter-spacing:-1px}.brand strong{display:block;font-size:17px;letter-spacing:.04em}.brand small{display:block;color:#8794a7;font-size:10px;margin-top:2px}.menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;font-size:12px;font-weight:600}.menu>li{position:relative}.menu>li>a{display:block;padding:29px 0}.menu>li>a:hover{color:var(--blue)}.submenu{display:none;position:absolute;top:100%;left:-18px;background:white;box-shadow:0 20px 45px #0b254021;border:1px solid var(--line);padding:10px;min-width:225px;list-style:none;border-radius:12px}.submenu a{display:block;padding:11px 13px;border-radius:8px;font-size:12px}.submenu a:hover{background:#edf4ff;color:var(--blue)}.menu>li:hover .submenu,.menu>li:focus-within .submenu{display:block}.navbtn{background:var(--blue);color:white;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:700;white-space:nowrap}.hamb{display:none;border:0;background:#eef4ff;color:var(--ink);border-radius:9px;padding:9px 12px}.hero{background:#04122a;color:#fff;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 83% 47%,#006cdd60,transparent 37%),radial-gradient(ellipse at 60% 100%,#0b58bc3d,transparent 55%),linear-gradient(110deg,#06162e,#081b3c 55%,#04152e);z-index:-2}.hero:after{content:"";position:absolute;right:-12%;top:-70%;width:75vw;height:75vw;border:1px solid #6bcbff25;border-radius:50%;box-shadow:0 0 0 85px #6bcbff07,0 0 0 170px #6bcbff05;z-index:-1}.hero-grid{min-height:585px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px;padding:78px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.18em;color:#6fc4ff}.eyebrow:before{content:"";width:24px;height:2px;background:var(--orange)}h1{font-size:clamp(54px,5.8vw,95px);letter-spacing:-.065em;line-height:1.03;margin:24px 0 25px;font-weight:800}h1 em{font-style:normal;color:#67c5ff}h1 .dot{color:var(--orange)}.hero p{max-width:540px;color:#b4c5df;line-height:1.95;font-size:15px;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:13px;border-radius:10px;padding:15px 23px;font-weight:700;font-size:13px}.primary{background:var(--orange);color:#12223a}.outline{border:1px solid #58739c;color:#fff}.hero-art{height:425px;position:relative;display:grid;place-items:center}.orb{width:min(390px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#74e8ff 0%,#0e89ed 18%,#00397d 49%,#04122b 70%);box-shadow:0 0 110px #008bff4b,inset -24px -20px 70px #00102e;position:relative}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #5fcbff8c;border-radius:50%;inset:-34px;transform:rotateX(63deg) rotate(-25deg);box-shadow:0 0 20px #00a9ff44}.orb:after{inset:-68px;transform:rotateY(65deg) rotate(35deg);border-color:#ff9e4b88}.orb-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 5px 25px #00234f}.orb-text b{font-size:clamp(55px,6vw,91px);letter-spacing:-.09em}.orb-text small{font-size:13px;letter-spacing:.5em;font-weight:700;color:#d5f7ff}.floating{position:absolute;background:#ffffff12;border:1px solid #8edbff50;backdrop-filter:blur(10px);border-radius:15px;padding:15px 20px;font-size:12px;font-weight:700;box-shadow:0 12px 40px #0005}.f1{top:28px;left:0}.f2{right:0;bottom:44px}.f3{left:15px;bottom:10px}.stats{background:white;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:27px 0;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line);justify-content:center}.stat:last-child{border:0}.stat span{font-size:27px}.stat b{font-size:13px}.stat small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.kicker{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.18em}.section h2{font-size:clamp(29px,3vw,42px);line-height:1.3;letter-spacing:-.035em;margin:12px 0 8px}.section-head p{color:var(--muted);font-size:13px;margin:0}.more{font-size:12px;color:var(--blue);font-weight:700;white-space:nowrap}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service{background:white;border:1px solid var(--line);border-radius:19px;padding:30px;min-height:265px;box-shadow:0 12px 35px #14315a07;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 18px 35px #14315a17}.service .ico{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#eaf2ff;font-size:25px;margin-bottom:27px}.service h3{font-size:17px;margin:0 0 10px}.service p{font-size:12px;line-height:1.8;color:var(--muted);min-height:45px}.service a{color:var(--blue);font-size:12px;font-weight:700}.newsbg{background:#edf3fb}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{overflow:hidden;background:white;border:1px solid #e1e9f5;border-radius:18px;box-shadow:0 14px 32px #15365b0b}.news-img{height:205px;position:relative;overflow:hidden;background:linear-gradient(135deg,#06162e,#1154aa)}.news-img svg{width:100%;height:100%}.news-tag{position:absolute;top:17px;left:17px;background:white;color:#1a5fba;font-size:10px;font-weight:800;padding:8px 11px;border-radius:6px}.news-body{padding:25px}.news-body time{font-size:11px;color:#8b9ab0}.news-body h3{font-size:16px;line-height:1.65;min-height:80px;margin:12px 0 22px}.news-body a{font-size:12px;color:var(--blue);font-weight:700}.notice{font-size:11px;color:#72839a;margin-top:20px}.cta{background:#071a37;color:white;padding:65px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:32px;margin:0 0 10px}.cta p{color:#aabbd3;font-size:13px;margin:0}.footer{background:#041126;color:#9cacc3;padding:45px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:30px}.footer strong{color:white;font-size:16px}.footer p{line-height:1.8}.footlinks{display:flex;gap:25px;flex-wrap:wrap;align-items:start}.footlinks a:hover{color:white}@media(max-width:1100px){.menu{gap:13px;font-size:11px}.wrap{width:min(100% - 42px,1360px)}.hero-grid{min-height:530px}.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.topline{display:none}.nav{min-height:68px}.hamb{display:block}.navbtn{display:none}.menu{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:10px 22px 22px;box-shadow:0 20px 35px #0002;flex-direction:column;align-items:stretch;gap:0;max-height:75vh;overflow:auto}.menu.open{display:flex}.menu>li>a{padding:13px 0}.submenu{display:block;position:static;box-shadow:none;border:0;border-left:2px solid #dbe8fa;border-radius:0;padding:0 0 0 12px;min-width:0}.submenu a{padding:8px}.hero-grid{grid-template-columns:1fr;padding:68px 0 40px;gap:0}.hero-art{height:310px}.orb{width:250px}.floating{font-size:10px;padding:11px}.f1{left:8%}.f2{right:5%}.f3{left:4%}.stats-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);justify-content:start;padding:18px 0}.section{padding:65px 0}.services,.news{grid-template-columns:1fr}.service{min-height:0}.section-head,.cta .wrap,.footer .wrap{align-items:start;flex-direction:column}.news-body h3{min-height:0}.hero h1{font-size:62px}.footer .wrap{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.brand-logos{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand-logos img{object-fit:contain;display:block}.brand-logos .arit-logo{width:82px;height:57px}.brand-logos .rru-logo{width:45px;height:54px}.brand-label{min-width:0}.nav{min-height:88px;gap:18px}.menu{gap:18px}.menu>li>a{padding:34px 0}@media(max-width:1200px){.brand-label small{font-size:9px}.brand-logos .arit-logo{width:66px;height:49px}.brand-logos .rru-logo{width:38px;height:47px}.menu{gap:11px}}@media(max-width:780px){.nav{min-height:74px}.menu{top:74px}.brand-logos .arit-logo{width:65px;height:47px}.brand-logos .rru-logo{width:38px;height:46px}}@media(max-width:420px){.brand strong{font-size:14px}.brand small{font-size:8px}.brand{gap:7px}.brand-logos{gap:3px}.brand-logos .arit-logo{width:58px;height:43px}.brand-logos .rru-logo{width:33px;height:42px}.wrap{width:calc(100% - 28px)}}
/* WordPress integration */
.menu li{position:relative;list-style:none}.menu .sub-menu{display:none;position:absolute;z-index:40;top:100%;left:0;min-width:230px;background:#fff;padding:10px;border:1px solid #e5eaf3;border-radius:12px;box-shadow:0 18px 40px #001a3a24}.menu .sub-menu .sub-menu{left:100%;top:0}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu .sub-menu a{display:block;padding:10px 12px;color:#112441;white-space:normal}.menu .sub-menu a:hover{background:#f1f6ff}.menu>li>a{display:block}.menu li.menu-item-has-children>a:after{content:" ▾";font-size:10px}.arit-content{padding:55px 0 90px;min-height:50vh}.arit-content .entry-title{font-size:clamp(28px,3vw,44px);margin:0 0 25px}.arit-content .entry-content{line-height:1.85;overflow-wrap:anywhere}.arit-content img,.arit-content iframe{max-width:100%}.arit-content .entry-content table{max-width:100%}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.screen-reader-text:focus{position:static;clip:auto}.menu-toggle{display:none}@media(max-width:780px){.menu .sub-menu,.menu .sub-menu .sub-menu{display:block;position:static;box-shadow:none;border:0;border-left:2px solid #dbe8fa;border-radius:0;padding:0 0 0 12px;min-width:0}.menu>li>a{padding:13px 0}.menu .sub-menu a{padding:8px}.menu{max-height:75vh;overflow:auto}}

.hero{background-image:linear-gradient(90deg,rgba(3,15,37,.94) 0%,rgba(3,15,37,.78) 39%,rgba(3,15,37,.18) 100%),url("assets/ai-campus.png");background-position:center;background-size:cover}.hero-art{pointer-events:none}.hero-grid{position:relative;z-index:1}.hero h1{text-shadow:0 2px 18px #00132a88}@media(max-width:780px){.hero{background-position:62% center}.hero-grid{background:linear-gradient(90deg,#03102566,transparent)}}

/* V2: Render the supplied AI illustration in the hero's right column. */
.hero{background:#04152f;background-image:none}
.hero:before{background:radial-gradient(ellipse at 85% 50%,#0064bf35,transparent 60%),linear-gradient(105deg,#06162f,#081e42)}
.hero-art{background-image:linear-gradient(90deg,#06162f 0%,rgba(6,22,47,.08) 20%,rgba(6,22,47,0) 100%),url("assets/ai-hero-art.jpg");background-size:cover;background-position:center center;min-height:425px;border-radius:0}
@media(max-width:780px){.hero-art{min-height:280px;height:280px;background-position:center}.hero-grid{gap:20px}}

/* V3: Facebook news cards, preserving original theme design */
.news{grid-template-columns:repeat(4,minmax(0,1fr))}
.news-card{display:flex;flex-direction:column;min-width:0}
.news-image-link{display:block}
.news-img img{display:block;width:100%;height:100%;object-fit:cover}
.news-body{display:flex;flex-direction:column;flex:1;padding:21px}
.news-body h3{font-size:14px;line-height:1.65;min-height:90px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.news-body>a{margin-top:auto}
.arit-news-empty{grid-column:1/-1;background:white;padding:35px;border-radius:18px}
.arit-news-empty a{color:var(--blue);font-weight:700}
.arit-admin-hint{font-size:12px;color:#66758a}
@media(max-width:1100px){.news{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.news{grid-template-columns:1fr}.news-body h3{min-height:0}}


/* Homepage only: Apple Minimal / Soft Blue Glass section headings.
   Scoped to the WordPress front page; library and inner pages remain unchanged. */
body.home .section .section-head,
body.front-page .section .section-head {
  position: relative;
  width: 100%;
  padding: 22px 26px 22px 30px;
  background: linear-gradient(115deg, rgba(231,244,255,.94), rgba(249,252,255,.82));
  border: 1px solid rgba(173,211,245,.68);
  border-radius: 20px;
  box-shadow: 0 8px 28px rgba(24,91,156,.055);
  overflow: hidden;
}
body.home .section .section-head::before,
body.front-page .section .section-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 22px;
  width: 4px;
  background: #2785e6;
  border-radius: 0 5px 5px 0;
}
body.home .section .section-head .kicker,
body.front-page .section .section-head .kicker {
  color: #176cc5;
}
body.home .section .section-head h2,
body.front-page .section .section-head h2 {
  color: #12365e;
}
body.home .section .section-head p,
body.front-page .section .section-head p {
  color: #607b98;
}
@media (max-width: 780px) {
  body.home .section .section-head,
  body.front-page .section .section-head {
    padding: 20px 20px 20px 24px;
    border-radius: 16px;
    gap: 12px;
  }
  body.home .section .section-head::before,
  body.front-page .section .section-head::before {
    top: 20px;
    bottom: 20px;
  }
}