/* =========================================================
   PNG TSN — LANDING PAGE
   Shared header.php + footer.php
========================================================= */

:root{
    --navy:#06284b;
    --navy-2:#082f57;
    --navy-3:#061f3a;
    --gold:#f2b71b;
    --gold-2:#e5a900;
    --text:#10243d;
    --muted:#6f7781;
    --border:#e3e7eb;
    --light:#f4f7fb;
    --white:#fff;
    --shadow:0 8px 25px rgba(5,31,58,.08);
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    margin:0;
    font-family:'Inter',Arial,sans-serif;
    color:var(--text);
    background:#fff;
    line-height:1.5;
}

a{text-decoration:none;color:inherit}

.site-header{
    position:relative;
    z-index:100;
    height:94px;
    background:var(--navy);
    color:#fff;
}

.header-inner{
    max-width:1440px;
    height:100%;
    margin:auto;
    padding:0 46px;
    display:flex;
    align-items:center;
    gap:35px;
}

.brand{
    display:flex;
    align-items:center;
    min-width:245px;
    color:#fff;
}

.brand-copy{margin-left:12px}

.brand-name{
    font-size:31px;
    line-height:1;
    font-weight:800;
    letter-spacing:-1px;
}

.brand-name span,
.footer-brand-name span{color:var(--gold)}

.brand-tagline{
    margin-top:6px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.2px;
}

.brand-mark{
    width:43px;
    height:50px;
    position:relative;
    flex:none;
}

.brand-mark .bird-head{
    position:absolute;
    width:29px;
    height:29px;
    border-radius:50%;
    background:#df1f2f;
    left:3px;
    top:3px;
}

.brand-mark .bird-body{
    position:absolute;
    width:30px;
    height:34px;
    background:#f2bd18;
    border-radius:65% 20% 55% 35%;
    transform:rotate(-28deg);
    left:8px;
    top:17px;
}

.brand-mark .bird-beak{
    position:absolute;
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:12px solid #df1f2f;
    left:0;
    top:17px;
}

.main-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:29px;
    flex:1;
    height:100%;
}

.main-nav>a,
.nav-dropdown>a{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    height:100%;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    color:#fff;
}

.main-nav>a.active{color:var(--gold)}

.main-nav>a.active:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:3px;
    background:var(--gold);
}

.nav-dropdown{height:100%;position:relative}

.nav-dropdown>a i{font-size:9px}

.dropdown-menu{
    display:none;
    position:absolute;
    top:78px;
    left:-12px;
    min-width:210px;
    background:#fff;
    color:var(--text);
    border-radius:5px;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    overflow:hidden;
}

.nav-dropdown:hover .dropdown-menu{display:block}

.dropdown-menu a{
    display:block;
    padding:12px 15px;
    font-size:12px;
    font-weight:600;
}

.dropdown-menu a:hover{background:#f5f7fa;color:#c58d00}

.header-actions{
    display:flex;
    align-items:center;
    gap:9px;
}

.btn-login,.btn-signup{
    height:36px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    font-size:11px;
    font-weight:800;
}

.btn-login{
    border:1px solid var(--gold);
    color:#fff;
}

.btn-login i{font-size:9px;margin-right:5px}

.btn-signup{
    min-width:90px;
    background:var(--gold);
    color:#111;
}

.mobile-menu-btn{display:none}

/* HERO */
.hero{
    min-height:385px;
    position:relative;
    background-image:url("../images/hero-port-moresby.jpg");
    background-size:cover;
    background-position:center 50%;
    display:flex;
    align-items:center;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(3,25,51,.84) 0%,rgba(3,25,51,.63) 45%,rgba(3,25,51,.15) 100%);
}

.hero-content{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1440px;
    margin:auto;
    padding:45px 54px 50px;
}

.hero h1{
    margin:0;
    color:#fff;
    font-size:34px;
    line-height:1.16;
    letter-spacing:-.8px;
    font-weight:800;
}

.hero h1 span{color:var(--gold)}

.hero p{
    margin:17px 0 21px;
    color:#fff;
    font-size:17px;
    line-height:1.45;
}

.hero-buttons{
    display:flex;
    gap:14px;
}

.btn-primary,.btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:39px;
    padding:0 20px;
    border-radius:4px;
    font-size:11px;
    font-weight:800;
}

.btn-primary{
    background:var(--gold);
    color:#111;
}

.btn-outline{
    color:#fff;
    border:1px solid #fff;
}

/* SEARCH */
.search-wrap{
    position:relative;
    z-index:5;
    max-width:100%;
    margin-top:-51px;
    padding:0 46px;
}

.search-box{
    max-width:1350px;
    margin:auto;
    background:linear-gradient(135deg,#082e58,#08234a);
    padding:14px 23px 17px;
    border-radius:6px;
    box-shadow:0 9px 25px rgba(0,0,0,.16);
}

.search-box h3{
    color:#fff;
    font-size:14px;
    margin:0 0 7px;
}

.search-form{
    display:grid;
    grid-template-columns:2fr .82fr .82fr .63fr;
    gap:16px;
}

.search-input, .search-form select, .search-form button{
    height:39px;
    border-radius:4px;
}

.search-input{
    position:relative;
    background:#fff;
}

.search-input input{
    width:100%;
    height:100%;
    border:0;
    outline:0;
    border-radius:4px;
    padding:0 40px 0 17px;
    font-family:inherit;
    font-size:11px;
    color:#333;
}

.search-input i{
    position:absolute;
    right:14px;
    top:13px;
    color:#193958;
}

.search-form select{
    border:0;
    outline:0;
    padding:0 13px;
    font-family:inherit;
    font-size:11px;
    color:#172b41;
    background:#fff;
}

.search-form button{
    border:0;
    background:var(--gold);
    color:#111;
    font-family:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}

/* GENERAL */
.section{
    max-width:1350px;
    margin:auto;
    padding:29px 0;
}

.section-heading{
    text-align:center;
    margin-bottom:15px;
}

.section-heading h2{
    margin:0;
    font-size:22px;
    font-weight:800;
}

.section-heading span{
    display:block;
    width:44px;
    height:2px;
    margin:8px auto 0;
    background:var(--gold);
}

/* EXPLORE */
.opportunity-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:13px;
}

.opportunity-card{
    height:113px;
    border:1px solid #e1e5e9;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:4px;
    transition:.2s ease;
}

.opportunity-card:hover{
    transform:translateY(-2px);
    box-shadow:var(--shadow);
    border-color:#ccd5df;
}

.opportunity-card i{
    color:var(--navy);
    font-size:32px;
    margin-bottom:10px;
}

.opportunity-card strong{
    font-size:10px;
    line-height:1.3;
}

/* FEATURED */
.featured-section{padding-top:3px}

.section-title-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:13px;
}

.section-title-row h2{
    margin:0;
    font-size:18px;
}

.view-all{
    border:1px solid #aeb8c2;
    padding:7px 12px;
    font-size:10px;
    font-weight:700;
    border-radius:3px;
}

.view-all i{font-size:8px;margin-left:4px}

.featured-list{
    border:1px solid #e2e5e8;
    border-radius:4px;
    overflow:hidden;
}

.featured-item{
    min-height:71px;
    padding:8px 15px;
    display:grid;
    grid-template-columns:75px 1.45fr 1.05fr .75fr 120px;
    align-items:center;
    gap:10px;
    border-bottom:1px solid #e3e5e7;
}

.featured-item:last-child{border-bottom:0}

.featured-logo{
    width:53px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    color:#fff;
    margin:auto;
}

.png-logo{
    background:linear-gradient(145deg,#e9eee7,#fff);
    color:#8a2e25;
    font-size:10px;
    border:1px solid #ddd;
}

.bsp-logo{background:#006f3d;font-size:15px}
.adb-logo{background:#143b72;font-size:16px}
.auction-logo{color:var(--navy);font-size:27px}

.opportunity-main h3{
    margin:0;
    font-size:12px;
    line-height:1.25;
}

.opportunity-main p{
    margin:3px 0 0;
    color:#555;
    font-size:10px;
}

.ref-location{
    display:flex;
    flex-direction:column;
    gap:4px;
    color:#424c57;
    font-size:9px;
}

.ref-location i{margin-right:4px}

.closing{
    display:flex;
    flex-direction:column;
    gap:3px;
    font-size:9px;
}

.closing span{color:#53616d}
.closing i{margin-right:4px}
.closing strong{font-size:10px;color:#111}

.details-btn{
    justify-self:end;
    width:119px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d9af2b;
    color:#bd8b00;
    font-size:9px;
    font-weight:800;
    border-radius:3px;
}

/* WHY */
.why-section{
    background:#f2f6fa;
    margin-top:0;
    padding:18px 46px 24px;
}

.why-section .section-heading{margin-bottom:15px}

.why-grid{
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.why-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:7px 30px;
    border-right:1px solid #d7dfe7;
}

.why-item:last-child{border-right:0}

.why-item>i{
    color:var(--navy);
    font-size:32px;
    width:42px;
    text-align:center;
}

.why-item h3{
    margin:0 0 6px;
    font-size:12px;
    line-height:1.3;
}

.why-item p{
    margin:0;
    font-size:9px;
    line-height:1.45;
    color:#5d6873;
}

/* FOOTER */
.site-footer{
    background:var(--navy-3);
    color:#fff;
}

.footer-inner{
    max-width:1440px;
    margin:auto;
    padding:30px 46px 23px;
    display:grid;
    grid-template-columns:1.5fr .85fr 1fr .85fr 1.05fr;
    gap:35px;
}

.footer-brand{
    display:flex;
    align-items:center;
}

.brand-mark.small{
    transform:scale(.78);
    transform-origin:left center;
    width:37px;
}

.footer-brand-name{
    font-size:25px;
    line-height:1;
    font-weight:800;
}

.footer-brand-tagline{
    font-size:8px;
    font-weight:700;
    margin-top:5px;
}

.footer-about p{
    max-width:260px;
    color:#d0d9e3;
    font-size:10px;
    line-height:1.65;
    margin:12px 0;
}

.socials{display:flex;gap:8px}

.socials a{
    width:26px;
    height:26px;
    border:1px solid #8090a2;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
}

.footer-column{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.footer-column h4{
    margin:3px 0 8px;
    font-size:11px;
}

.footer-column a{
    color:#d1d9e2;
    font-size:10px;
}

.contact-line{
    display:flex;
    gap:11px;
    color:#d1d9e2;
    font-size:10px;
    line-height:1.55;
    margin-bottom:7px;
}

.contact-line i{
    color:#cbd4de;
    margin-top:3px;
    width:14px;
    text-align:center;
}

.footer-bottom{
    max-width:1350px;
    margin:auto;
    padding:14px 0;
    border-top:1px solid rgba(255,255,255,.13);
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:9px;
    color:#ccd5de;
}

.legal-links{
    display:flex;
    gap:10px;
    align-items:center;
}

.legal-links a:hover{color:#fff}

/* RESPONSIVE */
@media(max-width:1150px){
    .header-inner{padding:0 25px;gap:20px}
    .brand{min-width:210px}
    .main-nav{gap:15px}
    .main-nav>a,.nav-dropdown>a{font-size:10px}
    .header-actions{display:none}
    .section{padding-left:25px;padding-right:25px}
    .search-wrap{padding:0 25px}
    .opportunity-grid{grid-template-columns:repeat(4,1fr)}
    .featured-item{grid-template-columns:60px 1.5fr 1fr .75fr 105px}
    .footer-inner{padding-left:25px;padding-right:25px;grid-template-columns:1.4fr 1fr 1fr 1fr}
    .contact-column{grid-column:4}
}

@media(max-width:820px){
    .site-header{height:75px}
    .header-inner{padding:0 18px}
    .brand-name{font-size:25px}
    .brand-tagline{font-size:8px}
    .brand-mark{transform:scale(.8);transform-origin:left center}
    .mobile-menu-btn{
        display:block;
        margin-left:auto;
        border:0;
        background:none;
        color:#fff;
        font-size:22px;
        cursor:pointer;
    }
    .main-nav{
        display:none;
        position:absolute;
        top:75px;
        left:0;
        width:100%;
        height:auto;
        background:var(--navy);
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:8px 18px 15px;
        box-shadow:0 12px 25px rgba(0,0,0,.2);
    }
    .main-nav.mobile-open{display:flex}
    .main-nav>a,.nav-dropdown>a{
        height:44px;
        justify-content:space-between;
        border-bottom:1px solid rgba(255,255,255,.1);
        font-size:11px;
    }
    .main-nav>a.active:after{display:none}
    .nav-dropdown{height:auto}
    .dropdown-menu{
        position:static;
        display:none;
        width:100%;
        box-shadow:none;
        border-radius:0;
    }
    .nav-dropdown:hover .dropdown-menu{display:none}
    .nav-dropdown:focus-within .dropdown-menu{display:block}
    .hero{min-height:440px}
    .hero-content{padding:50px 25px}
    .hero h1{font-size:30px}
    .hero p{font-size:15px}
    .search-wrap{margin-top:-30px}
    .search-form{grid-template-columns:1fr 1fr}
    .search-form button{grid-column:1/-1}
    .featured-item{
        grid-template-columns:55px 1fr;
        padding:13px;
    }
    .ref-location,.closing{grid-column:2}
    .details-btn{grid-column:2;justify-self:start}
    .why-grid{grid-template-columns:1fr 1fr}
    .why-item:nth-child(2){border-right:0}
    .why-item{padding:15px 20px}
    .footer-inner{grid-template-columns:1fr 1fr}
    .contact-column{grid-column:auto}
    .footer-bottom{margin:0 25px;flex-direction:column;gap:8px;text-align:center}
}

@media(max-width:520px){
    .desktop-only{display:none}
    .hero h1{font-size:26px}
    .hero p{font-size:14px}
    .hero-buttons{flex-direction:column;align-items:flex-start}
    .btn-primary,.btn-outline{width:190px}
    .search-wrap{padding:0 12px}
    .search-form{grid-template-columns:1fr}
    .search-form button{grid-column:auto}
    .section{padding-left:12px;padding-right:12px}
    .opportunity-grid{grid-template-columns:1fr 1fr}
    .opportunity-card{height:105px}
    .featured-item{
        grid-template-columns:55px 1fr;
    }
    .opportunity-main h3{font-size:11px}
    .why-section{padding-left:12px;padding-right:12px}
    .why-grid{grid-template-columns:1fr}
    .why-item{border-right:0;border-bottom:1px solid #d7dfe7;padding:15px 5px}
    .why-item:last-child{border-bottom:0}
    .footer-inner{grid-template-columns:1fr;padding-left:20px;padding-right:20px}
    .contact-column{grid-column:auto}
    .legal-links{flex-wrap:wrap;justify-content:center}
}


/* =========================================================
   CORPORATE TENDERS PAGE
========================================================= */

.corporate-page{
    background:#fff;
    color:#10243d;
}

.corporate-hero{
    min-height:310px;
    position:relative;
    background-image:url("../images/corporate-hero.jpg");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.corporate-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(4,29,57,.88) 0%,rgba(4,29,57,.68) 48%,rgba(4,29,57,.18) 100%);
}

.corporate-hero-content{
    position:relative;
    z-index:1;
    max-width:1440px;
    margin:auto;
    padding:44px 30px 36px;
}

.corporate-hero h1{
    margin:0;
    font-size:36px;
    line-height:1.1;
    font-weight:800;
}

.corporate-hero p{
    margin:12px 0 15px;
    font-size:15px;
    line-height:1.55;
    font-weight:500;
}

.corporate-stats{
    display:flex;
    gap:14px;
}

.stat-card{
    width:124px;
    min-height:65px;
    padding:9px 11px;
    background:rgba(4,35,72,.88);
    border-radius:5px;
    display:flex;
    align-items:center;
    gap:10px;
}

.stat-card i{
    color:#f2b71b;
    font-size:25px;
    width:30px;
    text-align:center;
}

.stat-card strong{
    display:block;
    color:#fff;
    font-size:19px;
    line-height:1.05;
}

.stat-card span{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:8px;
    line-height:1.1;
}

/* SEARCH */
.corporate-search-wrap{
    position:relative;
    z-index:5;
    margin-top:-43px;
    padding:0 30px;
}

.corporate-search-box{
    max-width:1380px;
    margin:auto;
    background:#fff;
    border:1px solid #e0e4e8;
    border-radius:6px;
    padding:15px 17px 16px;
    box-shadow:0 5px 18px rgba(0,0,0,.11);
}

.corporate-search-form{
    display:grid;
    grid-template-columns:1.35fr .9fr .9fr .9fr .78fr .62fr;
    gap:15px;
    align-items:end;
}

.corporate-field label{
    display:block;
    font-size:10px;
    font-weight:600;
    margin:0 0 7px;
    color:#172b42;
}

.field-input,
.corporate-field select{
    width:100%;
    height:34px;
    border:1px solid #dce1e6;
    border-radius:4px;
    background:#fff;
    color:#66717c;
    font-family:inherit;
    font-size:10px;
}

.field-input{
    position:relative;
}

.field-input input{
    width:100%;
    height:100%;
    border:0;
    outline:0;
    padding:0 32px 0 11px;
    border-radius:4px;
    font-family:inherit;
    font-size:10px;
}

.field-input i{
    position:absolute;
    right:11px;
    top:10px;
    color:#132c48;
    font-size:11px;
}

.corporate-field select{
    padding:0 9px;
    outline:0;
}

.date-input{
    display:flex;
    align-items:center;
}

.date-input i{
    position:static;
    padding-left:10px;
    padding-right:5px;
}

.date-input input{
    padding-left:0;
}

.corporate-search-btn{
    height:34px;
    border:0;
    border-radius:4px;
    background:#082d56;
    color:#fff;
    font-family:inherit;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}

/* RESULTS */
.corporate-results{
    max-width:1380px;
    margin:17px auto 0;
    padding:0 30px 25px;
    display:grid;
    grid-template-columns:166px minmax(0,1fr) 165px;
    gap:15px;
}

.refine-panel{
    border:1px solid #e3e6e9;
    border-radius:5px;
    padding:14px 13px;
    align-self:start;
}

.refine-panel>h3{
    font-size:10px;
    margin:0 0 18px;
    color:#122b47;
}

.filter-group{
    border-bottom:1px solid #edf0f2;
    padding-bottom:14px;
    margin-bottom:14px;
}

.filter-group:last-of-type{
    border-bottom:0;
}

.filter-group h4{
    margin:0 0 10px;
    font-size:9px;
}

.filter-group label{
    display:flex;
    align-items:center;
    gap:5px;
    margin:6px 0;
    font-size:8px;
    color:#4d5863;
}

.filter-group input{
    margin:0;
    width:11px;
    height:11px;
    accent-color:#082d56;
}

.show-more{
    display:block;
    margin-top:8px;
    font-size:8px;
    color:#0b2f55;
    font-weight:700;
}

.filter-group select{
    width:100%;
    height:30px;
    border:1px solid #dfe4e8;
    border-radius:4px;
    background:#fff;
    padding:0 8px;
    font-family:inherit;
    font-size:9px;
    color:#4d5863;
}

.clear-filters{
    width:100%;
    height:31px;
    border:0;
    border-radius:4px;
    background:#082d56;
    color:#fff;
    font-family:inherit;
    font-size:8px;
    font-weight:800;
}

.results-toolbar{
    height:39px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    font-size:10px;
    color:#333;
}

.results-toolbar label{
    display:flex;
    align-items:center;
    gap:4px;
}

.results-toolbar select{
    height:31px;
    min-width:127px;
    border:1px solid #dce1e6;
    border-radius:4px;
    background:#fff;
    font-family:inherit;
    font-size:9px;
    padding:0 7px;
    color:#273748;
}

.tender-list{
    border-top:1px solid #e2e6e9;
}

.tender-row{
    min-height:77px;
    border:1px solid #e2e6e9;
    border-top:0;
    border-radius:0 0 4px 4px;
    padding:9px 12px;
    display:grid;
    grid-template-columns:76px minmax(0,1fr) 105px 95px;
    gap:10px;
    align-items:center;
}

.company-logo{
    width:55px;
    height:45px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:800;
    font-size:10px;
}

.bsp-logo-large{
    background:#5ab93f;
    color:#fff;
    border-radius:3px;
    font-size:14px;
}

.digicel-logo{
    color:#dc182b;
    font-size:14px;
}

.newmont-logo{
    background:#0c315c;
    color:#fff;
    border-radius:3px;
    font-size:10px;
}

.exxon-logo{
    color:#d81c27;
    font-size:10px;
}

.pngpower-logo{
    color:#18854b;
    font-size:9px;
}

.airniugini-logo{
    color:#273a5e;
    font-size:8px;
}

.telikom-logo{
    color:#1574b9;
    font-size:9px;
}

.kumul-logo{
    color:#374c65;
    font-size:9px;
    line-height:1;
}

.kumul-logo small{
    font-size:5px;
}

.tender-info{
    min-width:0;
}

.tender-info h3{
    margin:0 0 2px;
    font-size:9.5px;
    line-height:1.2;
    font-weight:800;
    color:#102b48;
}

.tender-info strong{
    display:block;
    font-size:8px;
    line-height:1.2;
}

.tender-info .tag{
    display:inline-block;
    margin-top:3px;
    padding:2px 5px;
    border-radius:2px;
    background:#8ac77e;
    color:#fff;
    font-size:6px;
    font-weight:800;
    line-height:1;
}

.tender-info .red-tag{background:#e35c66}
.tender-info .orange-tag{background:#e5a936}
.tender-info .green-tag{background:#75b56d}
.tender-info .blue-tag{background:#5398ca}
.tender-info .purple-tag{background:#9076c3}
.tender-info .cyan-tag{background:#3aa3c4}
.tender-info .brown-tag{background:#a56c46}

.tender-info p{
    margin:3px 0 0;
    font-size:7px;
    color:#364452;
}

.tender-info p i{margin-right:3px}

.tender-closing{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.tender-closing span{
    font-size:7px;
    color:#5d6873;
}

.tender-closing strong{
    color:#d52a2a;
    font-size:8px;
}

.tender-closing small{
    font-size:7px;
    color:#222;
}

.tender-details{
    width:83px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:end;
    border:1px solid #dcb53c;
    color:#bc8c00;
    border-radius:3px;
    font-size:7px;
    font-weight:800;
}

/* SIDEBAR */
.corporate-sidebar{
    min-width:0;
}

.top-companies{
    border:1px solid #e4e7ea;
    padding:10px 12px 7px;
    border-radius:4px;
}

.top-companies h4{
    margin:0 0 11px;
    font-size:8px;
}

.top-company{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:39px;
    border-bottom:1px solid #edf0f2;
}

.top-company:last-child{border-bottom:0}

.mini-logo{
    width:27px;
    height:22px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:7px;
}

.bsp-mini{background:#5ab93f;color:#fff}
.digicel-mini{color:#df182b;font-size:13px}
.newmont-mini{background:#0d315d;color:#fff}
.exxon-mini{color:#df1c28}
.pngpower-mini{color:#16844a}

.top-company strong{
    display:block;
    font-size:7px;
    line-height:1.2;
}

.top-company span{
    display:block;
    margin-top:2px;
    font-size:6.5px;
    color:#65717b;
}

.alerts-card{
    margin-top:12px;
    min-height:221px;
    padding:13px 9px;
    border-radius:5px;
    background:#062c55;
    color:#fff;
    text-align:center;
}

.alerts-icon{
    width:62px;
    height:62px;
    margin:0 auto 8px;
    border:1px solid #e6b21a;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#eeb71a;
    font-size:26px;
}

.alerts-card h3{
    margin:0 0 6px;
    color:#f1b719;
    font-size:13px;
}

.alerts-card p{
    margin:0 0 10px;
    font-size:8px;
    line-height:1.5;
}

.subscribe-btn{
    width:120px;
    height:29px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1b719;
    color:#111;
    font-size:8px;
    font-weight:800;
    border-radius:3px;
}

.alerts-card>strong{
    display:block;
    margin-top:8px;
    font-size:8px;
}

.help-card{
    margin-top:12px;
    border:1px solid #e1e5e9;
    padding:11px 12px;
    border-radius:4px;
}

.help-card h3{
    margin:0 0 8px;
    font-size:11px;
}

.help-card h3 i{
    margin-right:5px;
}

.help-card p{
    margin:0 0 7px;
    font-size:8px;
    line-height:1.45;
    color:#66717c;
}

.help-card strong{
    display:block;
    font-size:8px;
    margin-top:5px;
}

.help-card strong i{
    width:15px;
    margin-right:4px;
}

/* CTA */
.corporate-cta{
    max-width:1310px;
    margin:0 auto 12px;
    min-height:74px;
    padding:10px 30px;
    border-radius:5px;
    background:
        linear-gradient(135deg,rgba(5,38,72,.98),rgba(5,30,58,.98));
    color:#fff;
    display:flex;
    align-items:center;
    gap:18px;
    position:relative;
    overflow:hidden;
}

.corporate-cta:after{
    content:"";
    position:absolute;
    right:-30px;
    top:-60px;
    width:270px;
    height:180px;
    opacity:.12;
    background:repeating-linear-gradient(135deg,#fff 0,#fff 2px,transparent 2px,transparent 9px);
    transform:rotate(10deg);
}

.cta-icon{
    width:45px;
    height:45px;
    border:1px solid #f0b81b;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f0b81b;
    font-size:21px;
    flex:none;
}

.cta-copy{
    flex:1;
}

.cta-copy h2{
    margin:0;
    color:#f0b81b;
    font-size:13px;
}

.cta-copy p{
    margin:4px 0 0;
    font-size:9px;
}

.cta-button{
    position:relative;
    z-index:1;
    width:203px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1b719;
    color:#111;
    border-radius:3px;
    font-size:9px;
    font-weight:800;
}

/* RESPONSIVE */
@media(max-width:1100px){
    .corporate-results{
        grid-template-columns:155px minmax(0,1fr);
    }
    .corporate-sidebar{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:12px;
    }
    .corporate-search-form{
        grid-template-columns:1fr 1fr 1fr;
    }
    .corporate-search-btn{
        grid-column:1/-1;
    }
}

@media(max-width:800px){
    .corporate-hero{
        min-height:390px;
    }

    .corporate-hero-content{
        padding:38px 20px;
    }

    .corporate-hero h1{
        font-size:30px;
    }

    .corporate-stats{
        flex-wrap:wrap;
    }

    .stat-card{
        width:120px;
    }

    .corporate-search-wrap{
        padding:0 15px;
    }

    .corporate-search-form{
        grid-template-columns:1fr 1fr;
    }

    .corporate-search-btn{
        grid-column:1/-1;
    }

    .corporate-results{
        padding-left:15px;
        padding-right:15px;
        grid-template-columns:1fr;
    }

    .refine-panel{
        order:2;
    }

    .tender-results{
        order:1;
    }

    .corporate-sidebar{
        order:3;
        grid-template-columns:1fr;
    }

    .tender-row{
        grid-template-columns:62px 1fr;
        gap:8px;
        padding:11px;
    }

    .tender-closing,
    .tender-details{
        grid-column:2;
        justify-self:start;
    }

    .tender-details{
        margin-top:2px;
    }

    .corporate-cta{
        margin:0 15px 15px;
        padding:15px;
        flex-wrap:wrap;
    }

    .cta-button{
        margin-left:63px;
    }
}

@media(max-width:520px){
    .corporate-search-form{
        grid-template-columns:1fr;
    }

    .corporate-search-btn{
        grid-column:auto;
    }

    .corporate-stats{
        gap:8px;
    }

    .stat-card{
        width:calc(50% - 4px);
    }

    .results-toolbar{
        height:auto;
        gap:10px;
        align-items:center;
        margin-bottom:10px;
    }

    .tender-row{
        grid-template-columns:52px 1fr;
    }

    .tender-info h3{
        font-size:9px;
    }

    .corporate-cta{
        align-items:flex-start;
    }

    .cta-copy h2{
        font-size:11px;
    }

    .cta-button{
        margin-left:0;
        width:100%;
    }
}