
/*
Theme Name: Company Entry Portal - Old Site Match
Theme URI: https://example.com/
Author: Company
Description: Responsive WordPress theme rebuilt from the user's supplied old-site screenshots, with matching visual hierarchy, cards, content panels, FAQ and status-check flow.
Version: 13.1
Text Domain: company-entry-portal
*/
:root{
 --navy:#1B365D; --navy2:#1B365D; --orange:#ff6b32; --bg:#e9eef8;
 --text:#1B365D; --muted:#51627a; --card:#fff; --line:#d7e0ef;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Rubik',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit}
.site-header{height:88px;background:#fff;border-top:6px solid #1b5b99;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 2px 12px rgba(0,0,0,.07);position:relative;z-index:10}
.brand-img{display:block;height:62px;width:auto;object-fit:contain}
.language-wrap{position:relative;z-index:50}
.language{background:#fff;border:0;border-radius:10px;padding:13px 19px;font-weight:700;color:#173b62;font-size:16px;box-shadow:0 3px 14px rgba(0,0,0,.10);cursor:pointer;display:flex;align-items:center;gap:9px;min-width:158px;justify-content:center}
.language span{margin-right:0}.language b{font-size:17px;line-height:1;font-weight:800;margin-left:2px}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);width:180px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(20,50,80,.18);padding:0;overflow:hidden;display:none}
.language-wrap.open .language-menu{display:block}
.language-option{width:100%;border:0;background:#fff;color:#173b62;padding:15px 16px;text-align:left;font:700 16px/1.2 'Rubik',Arial,sans-serif;display:flex;align-items:center;gap:11px;cursor:pointer}
.language-option:hover,.language-option.active{background:#eef2f7}.language-option span{font-size:18px;line-height:1}
.hero{min-height:696px;position:relative;overflow:hidden;color:#fff;background:#12385f}
.hero-inner{max-width:1328px;margin:auto;padding:116px 0 80px 0}
.hero-copy{width:650px}
.hero-emblem{width:60px;height:68px;border:0;border-radius:4px;margin-bottom:10px;display:block;object-fit:contain;object-position:center;background:transparent}
.hero-state{font-weight:800;font-size:18px;margin-bottom:25px}
.hero h1{font-size:52px;line-height:1.05;margin:0 0 12px;color:var(--orange);font-weight:800}
.hero h2{font-size:28px;line-height:1.2;margin:0 0 26px;color:var(--orange)}
.hero p{font-size:18px;font-weight:700;line-height:1.55;margin:0 0 15px}
.btn-orange{display:inline-block;background:var(--orange);color:#092f55;text-decoration:none;border-radius:8px;padding:10px 32px;font-weight:800;margin-top:16px;box-shadow:0 2px 5px rgba(0,0,0,.18)}
.pause{position:absolute;right:17px;bottom:16px;width:38px;height:38px;border-radius:50%;background:rgba(4,38,56,.82);display:flex;align-items:center;justify-content:center;font-weight:900}
.container{max-width:1218px;margin:0 auto;padding:47px 0 28px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:0;padding-top:0}
.card{background:#fff;border-radius:7px;min-height:280px;padding:25px 24px 24px;text-align:center;box-shadow:0 3px 12px rgba(25,49,82,.15);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.card:first-child{border-bottom:4px solid #0f69d6}
.icon{height:98px;width:110px;display:flex;align-items:center;justify-content:center;color:#1265d6;margin-bottom:10px}
.icon svg{width:82px;height:82px;stroke:currentColor;fill:none;stroke-width:1.6}
.card h3{font-size:18px;line-height:1.3;margin:8px 0 22px;color:#10375f}
.card p{margin:0;color:#183a65;line-height:1.55}
.panel{background:#fff;border-radius:8px;box-shadow:0 3px 12px rgba(25,49,82,.16);margin:0 0 40px;padding:32px}
.updates{margin-top:40px}
.section-title{font-size:27px;line-height:1.2;margin:0 0 15px;font-weight:800}
.alert-title{display:flex;align-items:center;gap:10px}
.alert-icon{width:34px;height:34px;border:2px solid #d42139;border-radius:50%;color:#d42139;display:flex;align-items:center;justify-content:center;font-weight:800}
.update-box{background:#e8edf6;border-left:12px solid #f1d5dc;padding:20px 24px}
.update-label{font-weight:800;font-size:13px}
.update-box h3{margin:2px 0 10px;font-size:17px}
.info-panel{display:grid;grid-template-columns:1fr 280px;overflow:hidden;padding:0}
.info-copy{padding:25px 32px 26px}
.info-copy h2{font-size:28px;line-height:1.25;margin:0 0 8px}
.info-copy p{margin:0 0 12px}
.info-art{background:#c9e5fb;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative}
.art-person{font-size:100px;opacity:.82}
.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;text-decoration:none;background:var(--navy);color:#fff;border-radius:8px;padding:8px 25px;font-weight:800;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.btn.outline{background:#fff;color:var(--navy);border:2px solid var(--navy)}
.faq{margin-top:0}
.faq-item{background:#e6ecf6;border:1px solid #d0dced;border-radius:7px;margin:8px 0;overflow:hidden}
.faq-q{width:100%;background:none;border:0;text-align:left;padding:17px 16px;font-weight:800;font-size:16px;color:#12385f;display:flex;justify-content:space-between;cursor:pointer}
.faq-a{display:none;padding:0 16px 17px;color:#304d70}
.faq-item.open .faq-a{display:block}
.footer{background:#10385f;color:#fff;padding:45px 0 48px;margin-top:0}
.footer-inner{max-width:1230px;margin:auto;display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:70px;padding:0 0}
.footer h3{font-size:21px;margin:0 0 20px}
.footer p,.footer a{color:#eaf1fb;text-decoration:none}
.footer-links{display:flex;flex-direction:column;gap:13px}
.footer-brands{width:235px;max-height:100px;object-fit:contain;object-position:left center;margin-top:10px}
.copyright{max-width:1230px;margin:30px auto 0;padding-top:23px;border-top:1px solid rgba(255,255,255,.22);color:#dbe6f5}
.status-wrap{max-width:1218px;margin:45px auto;padding:0 20px}
.status-form{background:#fff;border-radius:8px;box-shadow:0 3px 12px rgba(25,49,82,.16);padding:32px;color:#1B365D;font-family:'Rubik',Arial,Helvetica,sans-serif}.status-form .section-title,.status-form label,.status-form .result strong{color:#1B365D}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.field label{display:block;font-weight:800;margin-bottom:7px;color:#1B365D}
.field input{width:100%;height:48px;border:1px solid #cbd7e8;border-radius:6px;padding:0 13px;font-size:16px;color:#1B365D;font-family:'Rubik',Arial,Helvetica,sans-serif}
.captcha{margin-top:18px;padding:16px;background:#eef2f8;border-radius:7px;display:flex;gap:12px;align-items:center}
.captcha-row{margin-top:18px;padding:14px 16px;background:#eef2f8;border-radius:7px;display:flex;gap:18px;align-items:end}
.captcha-code-wrap{display:flex;align-items:center;gap:12px;min-height:48px}.captcha-label{font-weight:800;color:#1B365D}.captcha-code{height:48px;min-width:150px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px dashed #7890ad;border-radius:6px;background:#fff;font-weight:900;letter-spacing:5px;font-size:20px;color:#1B365D;text-align:center;font-family:Rubik,Arial,sans-serif}

.captcha-input{flex:1}
.result.error{border-color:#e0a2a2;background:#fff6f6}
.result{margin-top:25px;border:1px solid #d5deeb;border-radius:8px;padding:24px;background:#fbfcff;color:#1B365D}.result-grid p{margin:0 0 10px;line-height:1.45}.result-grid p:last-child{margin-bottom:0}
.result-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:18px}
.photo{width:160px;height:190px;object-fit:cover;border-radius:5px;background:#e8edf5}
@media(max-width:1000px){
 .container,.footer-inner,.copyright{max-width:92%}
 .cards{grid-template-columns:repeat(2,1fr)}
 .hero-inner{padding-left:5%;padding-right:5%}.hero-copy{width:60%}
 .info-panel{grid-template-columns:1fr 220px}
}
@media(max-width:700px){
 .site-header{height:78px}.brand-img{height:54px;max-width:72%}.language{padding:9px 12px;font-size:14px;min-width:132px}.language-menu{width:165px}.language-option{padding:14px 14px;font-size:14px}
 .hero{min-height:690px;background-position:58% center}
 .hero-inner{padding:60px 20px 80px}.hero-copy{width:100%}
 .hero h1{font-size:42px}.hero h2{font-size:23px}.hero p{font-size:16px}
 .cards{grid-template-columns:1fr;gap:18px;margin-top:18px}
 .card{min-height:240px}
 .panel{padding:20px;margin-bottom:24px}
 .info-panel{grid-template-columns:1fr}.info-art{min-height:190px;order:-1}
 .info-copy{padding:22px}.info-copy h2{font-size:24px}
 .status-grid{grid-template-columns:1fr}
 .captcha-row{flex-direction:column;align-items:stretch}
 .captcha-code-wrap{width:100%;justify-content:space-between}.captcha-code{flex:1}
 .result-grid{grid-template-columns:1fr;gap:8px}.result-grid>div{min-width:0}.result-grid p{margin:0 0 9px;line-height:1.4}
 .captcha{flex-direction:column;align-items:stretch}
 .footer-inner{grid-template-columns:1fr;gap:28px;padding:0 20px}.copyright{padding-left:20px;padding-right:20px}
 .container{padding-top:28px;padding-bottom:15px}
}

.hero-slides{position:absolute;inset:0;z-index:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:heroFade 12s infinite;will-change:opacity}
.hero-slide:nth-child(1){animation-delay:0s}
.hero-slide:nth-child(2){animation-delay:3s}
.hero-slide:nth-child(3){animation-delay:6s}
.hero-slide:nth-child(4){animation-delay:9s}
.hero.paused .hero-slide{animation-play-state:paused}
@keyframes heroFade{
  0%{opacity:0}
  3%{opacity:1}
  22%{opacity:1}
  28%{opacity:0}
  100%{opacity:0}
}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,74,.94) 0%,rgba(4,40,74,.78) 27%,rgba(4,40,74,.10) 63%,rgba(4,40,74,0) 100%);z-index:10;pointer-events:none}.hero-copy{position:relative;z-index:21}
.hero-inner{position:relative;z-index:20;isolation:isolate}
.cep-public-badge{display:inline-flex;align-items:center;gap:5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#eef2f7;color:#1B365D}.cep-public-badge.is-valid,.cep-public-badge.is-approved{background:#e9f8ef;color:#168746}.cep-public-badge.is-invalid,.cep-public-badge.is-rejected{background:#fff0f0;color:#d73535}.cep-public-badge.is-pending{background:#fff7e8;color:#a86d00}
@media(max-width:700px){.cep-select-wrap{min-width:100%;}.cep-select-wrap select{min-width:100%;}}

/* Language dropdown — compact old-site style */
.site-header .language-wrap{position:relative!important;z-index:9999!important;}
.site-header .language{appearance:none!important;-webkit-appearance:none!important;border:0!important;background:#fff!important;color:#173b62!important;border-radius:9px!important;padding:0 14px!important;font-family:'Rubik',Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1!important;box-shadow:0 3px 14px rgba(0,0,0,.10)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:118px!important;height:48px!important;}
.site-header .language-flag{font-size:15px!important;line-height:1!important;}
.site-header .language-label{display:inline!important;}
.site-header .language b{font-size:15px!important;line-height:1!important;font-weight:700!important;margin:0 0 0 2px!important;}
.site-header .language-menu{position:absolute!important;right:0!important;top:calc(100% + 3px)!important;width:118px!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:0 0 7px 7px!important;box-shadow:0 5px 14px rgba(20,50,80,.16)!important;overflow:hidden!important;display:none!important;}
.site-header .language-wrap.open .language-menu{display:block!important;}
.site-header .language-option{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:37px!important;margin:0!important;border:0!important;background:#fff!important;color:#173b62!important;padding:0 9px!important;text-align:left!important;font-family:'Rubik',Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1!important;display:flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important;box-sizing:border-box!important;}
.site-header .language-option:hover,.site-header .language-option.active{background:#eef2f7!important;}
.site-header .language-option span:first-child{font-size:14px!important;line-height:1!important;}
@media(max-width:700px){
 .site-header .language{min-width:112px!important;width:112px!important;height:44px!important;padding:0 11px!important;font-size:14px!important;}
 .site-header .language-menu{width:112px!important;top:calc(100% + 3px)!important;}
 .site-header .language-option{height:35px!important;padding:0 8px!important;font-size:13px!important;gap:6px!important;}
 .site-header .language-option span:first-child{font-size:13px!important;}
}
/* v14.9 final language dropdown recovery */
.site-header .language-wrap{position:relative!important;z-index:99999!important;}
.site-header .language-menu{display:none!important;position:absolute!important;right:0!important;top:calc(100% + 3px)!important;z-index:100000!important;pointer-events:auto!important;}
.site-header .language-wrap.open .language-menu{display:block!important;}
.site-header .language-option{display:flex!important;width:100%!important;box-sizing:border-box!important;text-decoration:none!important;pointer-events:auto!important;}
.site-header .language-option span{pointer-events:none!important;}

/* FINAL LANGUAGE CLICK FIX */
.site-header{position:relative!important;z-index:100000!important;}
.site-header .language-wrap{position:relative!important;z-index:100001!important;pointer-events:auto!important;}
.site-header .language-menu{z-index:100002!important;pointer-events:auto!important;}
.site-header .language-option{position:relative!important;z-index:100003!important;pointer-events:auto!important;touch-action:manipulation!important;}
.site-header .language-option *{pointer-events:none!important;}

/* Application Details presentation polish */
.result{padding:28px 30px;border-radius:10px;background:#fff;border:1px solid #d8e1ee;box-shadow:0 4px 16px rgba(27,54,93,.08)}
.result .section-title{font-size:28px;line-height:1.2;margin:0 0 22px;color:#1B365D;font-weight:800}
.result-grid{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);gap:12px 28px;align-items:start}
.result-grid>div{min-width:0}
.result-grid>div:first-child{padding-top:2px}
.result-grid p{margin:0 0 10px;padding:8px 0;line-height:1.45;color:#1B365D;font-size:16px;border-bottom:1px solid #edf1f6}
.result-grid p:last-child{margin-bottom:0}
.result-grid p strong{font-weight:800;color:#1B365D}
.result-grid .photo{width:160px;height:190px;object-fit:cover;border-radius:7px;border:1px solid #d8e1ee;background:#f3f6fa}
.result-grid .btn{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;min-height:42px}
@media(max-width:700px){
 .result{padding:20px 16px}
 .result .section-title{font-size:24px;margin-bottom:18px}
 .result-grid{grid-template-columns:1fr;gap:4px}
 .result-grid>div:first-child{text-align:left;margin-bottom:5px}
 .result-grid .photo{width:160px;height:190px}
 .result-grid p{font-size:15px;margin:0;padding:8px 0;line-height:1.4}
 .result-grid p strong{font-weight:800}
 .result-grid .btn{width:100%;max-width:280px}
}
