/* ============================================================
   INFOKRU - ADDITIONAL CSS FINAL
   Finalized: 2026-06-02
   Pair with: functions.php final generated 2026-06-02

   Notes:
   - Cascade order from the stable live backup is preserved.
   - Final stabilizer overrides are appended at the bottom only.
   - Do not add empty-state/ticker JS CSS patches outside this file.
   ============================================================ */

/* ============================================================
   INFOKRU ADDITIONAL CSS - SAFE CLEAN v1
   Source: backup css.txt (initial 6000+ line CSS)
   Safety rule: cascade order is preserved. No selector/rule reorder.
   Cleanup applied: normalized line endings, trimmed trailing spaces,
   collapsed excessive blank lines, added this audit header.
   ============================================================ */

/* ============================================================
   INFOKRU - ADDITIONAL CSS FINAL COMPACT
   Grouped + compact. Section order uses UX version:
   Hero > Urgent > Recent > Featured > Verified Company > Rank > Vessel > CTA.
   Note: replace local hero image URL before live deploy if needed.
   ============================================================ */
:root{--ik-blue:#0057d8;--ik-blue-dark:#003ea8;--ik-blue-deep:#1a2f6e;--ik-blue-light:#1a9fd4;--ik-green:#25d366;--ik-green-dark:#128c7e;--ik-red:#e11d48;--ik-red-dark:#be123c;--ik-text:#1a1a2e;--ik-muted:#6b7280;--ik-muted-light:#9ca3af;--ik-border:#e5e7eb;--ik-border-soft:#eef0f5;--ik-white:#ffffff;--ik-radius-lg:16px;--ik-radius-md:10px;--ik-shadow-sm:0 4px 16px rgba(0,0,0,.07);--ik-shadow-md:0 12px 32px rgba(0,0,0,.12);--ik-shadow-blue:0 4px 12px rgba(0,87,216,.2)}

/* ============================================================
   1) GLOBAL / PAGE STRUCTURE
   ============================================================ */
 html,body,#page,.site,.site-header,.header-main{margin-top:0 !important;padding-top:0 !important;top:0 !important}
.jh-section,main.site-main,.site-main{background-color:var(--ik-white) !important}
main.site-main{display:flex !important;flex-direction:column !important}
.site-header,.header-main,.jobhunt-stick-this{z-index:9999 !important}
.infokru-badges-wrap{z-index:10 !important}
.infokru-arrow{z-index:50 !important}

/* Homepage section ordering - UX version */
 main.site-main{display:flex !important;flex-direction:column !important}
.infokru-urgent-section{order:1 !important}
.infokru-recent-jobs-section,.infokru-recent-section,.infokru-recent-jobs{order:2 !important}
.jh-section.job-list-section:not(.infokru-urgent-section):not(.infokru-recent-jobs-section):not(.infokru-recent-section):not(.infokru-recent-jobs){order:3 !important}
.jh-section.company-profile-section,.company-profile-section{order:4 !important}
#jh-scroll-here.infokru-rank-section-custom,.jh-section.job-categories-section:not(.infokru-vessel-section){order:5 !important}
.infokru-vessel-section{order:6 !important}
.jh-section.banners-block.with-action{order:7 !important}

/* Hide unused/default sections */
 .testimonial-block,.jh-section.testimonial-block,.jh-section.testimonial-block.v1,div[class*="testimonial"],.jh-section.banners-block.mb-0,.jh-section.jh-recent-articles.blog-grid.v1{display:none !important}
@media (max-width:992px){#page,.site-header,.site-content,#content{margin-top:0 !important;padding-top:0 !important}
}

/* ============================================================
   2) URGENT TICKER + HERO HEADER
   ============================================================ */
 .urgent-ticker,#ticker-container{display:block !important;margin-bottom:0 !important;padding-bottom:0 !important;line-height:1 !important}
.infokru-ticker-wrap{position:relative;display:flex;align-items:center;width:100%;height:30px;overflow:hidden;margin-bottom:0 !important;background:var(--ik-red);color:var(--ik-white);font-size:13px;font-weight:600}
.infokru-ticker-label{position:absolute;left:0;z-index:10;display:flex;align-items:center;height:100%;padding:0 20px;background:var(--ik-red-dark);box-shadow:5px 0 10px rgba(0,0,0,.1)}
.infokru-ticker-content{display:flex;white-space:nowrap;padding-left:100%;animation:ik-ticker 25s linear infinite}
.infokru-ticker-content:hover{animation-play-state:paused}
.infokru-ticker-content a{display:inline-block;margin-right:50px;color:var(--ik-white);text-decoration:none}
.infokru-ticker-content a:hover{color:#fde047;text-decoration:underline}
@keyframes ik-ticker{0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}
.page-template-template-homepage-v1 .header-bg-default+.site-content-page-header::after{background-image:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.8) 100%),url('https://infokru.com/wp-content/uploads/2026/04/aerial-view-cargo-ship-cargo-container-harbor-scaled-e1776985579598.jpg') !important;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important}
@media (min-width:601px) and (max-width:991px){body.page-template-template-homepage-v1 .site-header,body.page-template-template-homepage-v1 .header-main,body.page-template-template-homepage-v1 .site-header-inner{background:transparent !important;box-shadow:none !important;border:0 !important}
body.page-template-template-homepage-v1 .site-header{position:absolute !important;top:30px !important;left:0 !important;right:0 !important;width:100% !important;margin:0 !important;padding:0 !important;z-index:9998 !important}
body.page-template-template-homepage-v1 .header-main{height:76px !important;min-height:76px !important;margin:0 !important;padding:0 !important}
body.page-template-template-homepage-v1 .site-content-page-header{margin-top:0 !important;padding-top:0 !important}
body.page-template-template-homepage-v1 .site-content-page-header-inner{padding-top:150px !important;padding-bottom:140px !important}
body.page-template-template-homepage-v1 .site-branding,body.page-template-template-homepage-v1 .site-branding img,body.page-template-template-homepage-v1 .custom-logo-link img{max-height:58px !important;width:auto !important}
body.page-template-template-homepage-v1 .menu-toggle,body.page-template-template-homepage-v1 .navbar-toggler,body.page-template-template-homepage-v1 .handheld-navigation-button{color:var(--ik-white) !important}
body.page-template-template-homepage-v1 .site-content-page-header .section-title{font-size:34px !important;line-height:1.25 !important;margin-bottom:12px !important}
body.page-template-template-homepage-v1 .site-content-page-header .section-sub-title{font-size:17px !important;line-height:1.5 !important}
body.page-template-template-homepage-v1 .site-content-page-header .job-search-form{max-width:720px !important;margin-top:36px !important}
}

/* ============================================================
   3) HERO SEARCH FORM
   ============================================================ */
 .job-search-form{max-width:1100px !important;margin:30px auto 0 !important;padding:8px 12px 8px 28px !important;overflow:hidden !important;background:var(--ik-white) !important;border-radius:60px !important;box-shadow:0 10px 28px rgba(0,0,0,.15) !important}
.job-search-form form{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;width:100% !important;margin:0 !important;padding:0 !important}
.job-search-form label,.job-search-keywords::before,.job-search-location::before{display:none !important}
.job-search-form form>div{position:relative !important;display:flex !important;align-items:center !important;min-width:0 !important;height:56px !important;margin:0 !important;border:none !important}
.job-search-keywords{position:relative !important;flex:1 1 auto !important;padding-right:15px !important}
.job-search-location{position:relative !important;flex:0 0 250px !important;padding:0 15px !important}
.job-search-category{position:relative !important;flex:0 0 220px !important;min-width:220px !important;padding:0 15px !important}
.job-search-keywords::before,.job-search-location::before,.job-search-category::before{content:'' !important;position:absolute !important;top:20% !important;right:0 !important;display:block !important;width:1px !important;height:60% !important;background:#d1d5db !important;pointer-events:none !important}
.job-search-form input[type="text"],.job-search-form select{width:100% !important;height:100% !important;border:none !important;outline:none !important;box-shadow:none !important;color:#333 !important;font-size:15px !important}
.job-search-form input[type="text"]{padding:0 40px 0 0 !important;background:transparent !important}
.job-search-form select{padding:0 10px 0 0 !important;background-color:transparent !important;cursor:pointer !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
.job-search-keywords::after,.job-search-location::after{position:absolute !important;right:15px !important;display:block !important;color:var(--ik-blue) !important;pointer-events:none !important}
.job-search-location::after,.job-search-location i,.job-search-location .la{display:none !important}
.job-search-submit{flex:0 0 210px !important;padding-left:15px !important;border:none !important}
.job-search-submit button{display:flex !important;flex-direction:row-reverse !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:100% !important;height:100% !important;border:none !important;outline:none !important;box-shadow:none !important;background:var(--ik-blue) !important;color:var(--ik-white) !important;border-radius:50px !important;cursor:pointer !important;transition:.3s ease !important}
.job-search-submit button:hover{background:var(--ik-blue-dark) !important}
.job-search-submit button span.job-search-text{display:none !important}
.job-search-submit button::after{content:'Cari Lowongan' !important;font-size:15px !important;font-weight:600 !important}
.job-search-submit button i{margin:0 !important;font-size:20px !important}
.post-job-btn,.post-a-job-button,header a[href*="post-a-job"]{padding:5px 20px !important;border:none !important;border-radius:3px !important;background:var(--ik-blue) !important;font-weight:600 !important;transition:.3s !important}
.post-job-btn:hover,header a[href*="post-a-job"]:hover{background:var(--ik-blue-dark) !important;transform:translateY(-2px)}
@media (max-width:992px){.job-search-form{height:auto !important;padding:15px !important;border-radius:20px !important}
.job-search-form form{display:block !important}
.job-search-form form>div{width:100% !important;min-height:50px !important;height:50px !important;margin-bottom:10px !important;padding:0 15px !important;border:1px solid #ececec !important;border-radius:10px !important}
.job-search-keywords,.job-search-location,.job-search-category{border-right:none !important}
.job-search-keywords::before,.job-search-location::before,.job-search-category::before{display:none !important}
.job-search-form form div.job-search-submit{width:100% !important;height:auto !important;margin:15px 0 0 !important;padding:0 !important;border:none !important;background:transparent !important}
.job-search-form form div.job-search-submit button{width:100% !important;height:50px !important;margin:0 !important;padding:0 !important;border-radius:10px !important}
}
@media (max-width:768px){.job-search-keywords::after{display:none !important}
}

/* ============================================================
   4) SHARED JOB CARD SYSTEM
   Featured / Urgent / Recent
   ============================================================ */
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) ul.job_listings.list{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;margin:0 !important;padding:0 !important;list-style:none !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) ul.job_listings.list li.job_listing{position:relative !important;display:flex !important;flex-direction:column !important;margin:0 !important;padding:0 !important;overflow:hidden !important;background:var(--ik-white) !important;border:1px solid var(--ik-border-soft) !important;border-radius:var(--ik-radius-lg) !important;box-shadow:var(--ik-shadow-sm) !important;transition:transform .25s ease,box-shadow .25s ease !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) ul.job_listings.list li.job_listing:hover{transform:translateY(-5px) !important;box-shadow:var(--ik-shadow-md) !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) ul.job_listings.list li.job_listing>a{display:flex !important;flex:1 !important;flex-direction:column !important;align-items:flex-start !important;box-sizing:border-box !important;padding:60px 32px 40px !important;text-align:left !important;text-decoration:none !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-listing-company-logo,:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-listing-meta,:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-published-date{display:none !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-details{display:flex !important;flex-direction:column !important;width:100% !important;margin:0 !important;padding:0 !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-details-inner{flex:1 !important;margin:0 !important;padding:0 !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-listing-loop-job__title{display:block !important;width:100% !important;margin:0 0 4px !important;padding:0 !important;color:var(--ik-text) !important;font-size:16px !important;font-weight:700 !important;line-height:1.3 !important;text-align:left !important;white-space:normal !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-listing-company{width:100% !important;margin-bottom:4px !important;color:var(--ik-blue) !important;font-size:12px !important;font-weight:600 !important;text-align:left !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-listing-company strong{font-weight:600 !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) .job-location{display:flex !important;align-items:center !important;width:100% !important;margin-bottom:12px !important;padding-bottom:12px !important;border-bottom:1px solid #f0f0f0 !important;color:#888 !important;font-size:12px !important;text-align:left !important}
.infokru-card-meta{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:6px !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;border-bottom:1px solid #f0f0f0 !important;text-align:left !important}
.infokru-meta-item{display:flex !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;gap:8px !important;margin-left:0 !important;padding-left:0 !important;color:#555 !important;font-size:13px !important;font-weight:500 !important;text-align:left !important}
.infokru-meta-item:first-child{color:var(--ik-text) !important;font-size:14px !important;font-weight:700 !important}
.infokru-meta-item i{width:16px !important;flex-shrink:0 !important;color:var(--ik-blue) !important;font-size:14px !important;text-align:center !important}
.infokru-meta-item:first-child i{color:#16a34a !important}
.infokru-card-footer{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important;margin:12px 20px 16px !important}
.infokru-vessel-pill-footer{display:inline-flex !important;align-items:center !important;align-self:flex-start !important;gap:5px !important;width:auto !important;padding:6px 14px !important;border:1.5px solid #bfdbfe !important;border-radius:100px !important;background:#eff6ff !important;color:var(--ik-blue) !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.3px !important;line-height:1 !important;text-transform:uppercase !important;white-space:nowrap !important}
.infokru-wa-btn{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:100% !important;margin:0 !important;padding:12px 16px !important;border-radius:8px !important;background:var(--ik-green) !important;color:var(--ik-white) !important;font-size:14px !important;font-weight:700 !important;text-decoration:none !important;transition:.2s !important}
.infokru-wa-btn:hover{background:var(--ik-green-dark) !important}
.infokru-wa-btn i{font-size:18px !important}
@media (max-width:1025px){:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) ul.job_listings.list{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:767px){:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) ul.job_listings.list{grid-template-columns:1fr !important;gap:16px !important;padding:0 16px !important}
:is(.jh-section.job-list-section,.infokru-urgent-section,.infokru-recent-jobs-section) ul.job_listings.list li.job_listing>a{padding:50px 16px 12px !important}
.jh-section.job-list-section .job-listing-loop-job__title,.jh-section.job-list-section .job-listing-company,.jh-section.job-list-section .job-location{justify-content:flex-start !important;text-align:left !important}
.infokru-card-footer{margin:12px 16px 14px !important}
}

/* ============================================================
   5) JOB BADGES
   ============================================================ */
 .job_position_featured .job-listing-loop-job__title i,.job_position_featured .job-listing-loop-job__title svg,.job_position_featured .job-listing-loop-job__title::after,.job_position_featured .job-listing-loop-job__title::before{display:none !important;content:none !important}
.infokru-badges-wrap{pointer-events:none !important;position:absolute !important;top:15px !important;left:15px !important;display:flex !important;flex-direction:row !important;gap:6px !important}
.infokru-featured-badge,.infokru-urgent-badge{display:flex !important;align-items:center !important;padding:3px 8px !important;border-radius:4px !important;color:var(--ik-white) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important}
.infokru-featured-badge{background-color:var(--ik-blue) !important;box-shadow:0 3px 8px rgba(0,87,216,.3) !important}
.infokru-urgent-badge{background-color:var(--ik-red) !important;box-shadow:0 3px 8px rgba(225,29,72,.3) !important;animation:ik-urgent-pulse 2s infinite !important}
.infokru-badges-wrap i{margin-right:4px !important;color:var(--ik-white) !important}
@keyframes ik-urgent-pulse{0%{box-shadow:0 0 0 0 rgba(225,29,72,.4)}
70%{box-shadow:0 0 0 6px rgba(225,29,72,0)}
100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}
}

/* ============================================================
   6) URGENT SECTION
   ============================================================ */
 .infokru-urgent-section{padding:60px 0 !important;background:var(--ik-white) !important}
.infokru-urgent-section .section-header{text-align:center !important;margin-bottom:40px !important}
.infokru-urgent-section .section-title{margin-bottom:8px !important;color:var(--ik-text) !important;font-size:28px !important;font-weight:700 !important}
.infokru-urgent-section .section-sub-title{display:block !important;color:var(--ik-muted) !important;font-size:15px !important}
.infokru-urgent-section .showing_jobs,.infokru-urgent-section .result_count,.infokru-urgent-section .job_listings .showing_jobs{display:none !important}
@media (max-width:767px){.infokru-urgent-section{padding:40px 0 !important}
.infokru-urgent-section .section-title{font-size:22px !important}
}

/* ============================================================
   7) COMPANY SLIDER / VERIFIED COMPANY
   ============================================================ */
 .company-profile-section .company-profile-inner{position:relative !important;padding:0 !important}
.company-profile-section .companies{position:relative !important;margin:0 auto !important;padding:0 60px !important}
.infokru-arrow{position:absolute !important;top:calc(50%+40px) !important;bottom:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;width:44px !important;height:44px !important;transform:translateY(-50%) !important;border:1px solid var(--ik-border) !important;border-radius:50% !important;background:var(--ik-white) !important;color:var(--ik-blue) !important;box-shadow:0 2px 12px rgba(0,0,0,.1) !important;cursor:pointer !important;transition:.2s ease !important}
.infokru-arrow:hover{background:var(--ik-blue) !important;border-color:var(--ik-blue) !important;color:var(--ik-white) !important;box-shadow:0 4px 16px rgba(0,87,216,.25) !important}
.infokru-arrow-prev{left:5px !important}
.infokru-arrow-next{right:5px !important}
.infokru-dots{display:none !important}
.company-profile-section .slick-slide{height:auto !important}
.company-profile-section .slick-track{display:flex !important;align-items:stretch !important}
.company-profile-section li.company{height:100% !important;box-sizing:border-box !important}
.infokru-company-logo,.company-profile-section .infokru-company-logo{display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;height:80px !important;margin-bottom:16px !important;padding:8px !important}
.infokru-company-logo img{width:auto !important;max-width:100% !important;max-height:70px !important;object-fit:contain !important}
.company-profile-section .infokru-company-logo img{width:auto !important;height:auto !important;max-height:60px !important;object-fit:contain !important}
.infokru-verified-tick{display:inline-flex !important;align-items:center !important;margin-left:4px !important;vertical-align:middle !important}
.infokru-verified-tick svg{width:14px !important;height:14px !important;flex-shrink:0 !important}
.jh-companies .company-desc{color:#545050;font-size:11px}
@media (max-width:575px){.infokru-arrow{display:none !important}
.company-profile-section .companies{margin:0 !important;padding:0 !important}
.infokru-dots{display:flex !important;justify-content:center !important;gap:8px !important;margin-top:20px !important}
.infokru-dot{width:8px !important;height:8px !important;padding:0 !important;border:none !important;border-radius:50% !important;background:#d1d5db !important;cursor:pointer !important;transition:all .2s ease !important}
.infokru-dot.active{width:24px !important;border-radius:4px !important;background:var(--ik-blue) !important}
}

/* ============================================================
   8) SCROLL ARROW / CTA BANNER / SCROLLUP
   ============================================================ */
 .page-template-template-homepage-v1 .jh-scroll-to a,.header-search-icon .jh-scroll-to a{border-color:var(--ik-white) !important;background-color:transparent !important}
.page-template-template-homepage-v1 .jh-scroll-to a i,.header-search-icon .jh-scroll-to a i{color:var(--ik-blue) !important;background-color:var(--ik-white) !important;box-shadow:0 0 50px 0 rgba(32,32,32,.15) !important}
.page-template-template-homepage-v1 .jh-scroll-to a:hover,.header-search-icon .jh-scroll-to a:hover{border-color:var(--ik-blue) !important}
.page-template-template-homepage-v1 .jh-scroll-to a:hover i,.header-search-icon .jh-scroll-to a:hover i{color:var(--ik-white) !important;background-color:var(--ik-blue) !important;box-shadow:none !important}
.page-template-template-homepage-v1 .jh-scroll-to a::before,.page-template-template-homepage-v1 .jh-scroll-to a::after,.header-search-icon .jh-scroll-to a::before,.header-search-icon .jh-scroll-to a::after{background-color:transparent !important;border-color:transparent !important}
#scrollUp{background-color:var(--ik-blue) !important;border-color:var(--ik-blue) !important}
#scrollUp:hover,#scrollUp:focus{background-color:var(--ik-blue-dark) !important;border-color:var(--ik-blue-dark) !important}
#scrollUp i{color:var(--ik-white) !important}
.jh-section.banners-block.with-action,.jh-section.banners-block.with-action::before,.jh-section.banners-block.with-action::after{padding:40px 20px !important;background:var(--ik-white) !important;background-image:none !important}
.jh-section.banners-block.with-action .banners-block-inner{padding:60px 40px !important;background:linear-gradient(135deg,var(--ik-blue-deep) 0%,var(--ik-blue) 60%,var(--ik-blue-light) 100%) !important;border-radius:10px !important;text-align:center !important}
.jh-section.banners-block.with-action .section-title{margin-bottom:12px !important;color:var(--ik-white) !important;font-size:32px !important;font-weight:700 !important}
.jh-section.banners-block.with-action .section-sub-title{display:block !important;margin-bottom:28px !important;color:rgba(255,255,255,.85) !important;font-size:16px !important}
.jh-section.banners-block.with-action .action-link{display:inline-block !important;margin-top:16px !important;padding:20px 40px !important;border:none !important;border-radius:6px !important;background:#22c55e !important;color:var(--ik-white) !important;font-size:15px !important;font-weight:700 !important;text-decoration:none !important;transition:.3s !important}
.jh-section.banners-block.with-action .action-link:hover{background:#16a34a !important;transform:translateY(-2px) !important}

/* ============================================================
   9) FOOTER
   ============================================================ */
 .footer-widgets-inner.columns-4{display:flex !important;align-items:flex-start !important}
.footer-widgets-inner .footer-widget-1,.footer-widgets-inner .footer-widget-2,.footer-widgets-inner .footer-widget-3,.footer-widgets-inner .footer-widget-4{flex:0 0 25% !important;max-width:25% !important;background:transparent !important}
.footer-widget .widget,.footer-widget .widget_custom_html{margin:0 !important;padding:0 !important;background:transparent !important}
.footer-widget-1 .footer-logo{margin-bottom:16px !important}
.footer-widget-1 .widget_text{max-width:220px !important}
.footer-widget-1 .widget_text p{margin:0 !important;line-height:1.6 !important}
.footer-widget ul li,.footer-widget ul li a{white-space:nowrap !important}
@media (max-width:767px){.footer-widgets-inner.columns-4{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px 16px !important;align-items:flex-start !important}
.footer-widgets-inner .footer-widget-1,.footer-widgets-inner .footer-widget-2,.footer-widgets-inner .footer-widget-3,.footer-widgets-inner .footer-widget-4{width:100% !important;max-width:100% !important;flex:none !important}
.footer-widgets-inner .footer-widget-1{grid-column:1 / -1 !important;margin-bottom:8px !important}
.footer-widget-1 .widget_text{max-width:100% !important}
.footer-widget h3,.footer-widget .widget-title{margin-bottom:12px !important;font-size:15px !important}
.footer-widget ul li{color:inherit !important;font-size:13px !important;line-height:1.6 !important;word-break:normal !important}
}
@media (max-width:480px){.footer-widgets-inner.columns-4{grid-template-columns:1fr !important}
}

/* ============================================================
   10) RANK/JABATAN SECTION - CUSTOM FINAL ONLY
   Source of truth. Legacy .infokru-rank-grid-fixed rules were removed.
   Desktop: 5 columns; Tablet portrait: 2 columns; Mobile: 1 column.
   ============================================================ */
 #jh-scroll-here.infokru-rank-section-custom,section.infokru-rank-section-custom{overflow:visible !important;padding-bottom:60px !important}
#jh-scroll-here.infokru-rank-section-custom .container,section.infokru-rank-section-custom .container{max-width:1200px !important;width:100% !important;margin:0 auto !important}
#jh-scroll-here.infokru-rank-section-custom .job-categories-section__inner,section.infokru-rank-section-custom .job-categories-section__inner{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:24px !important;margin:0 !important;padding:0 !important;overflow:visible !important}
#jh-scroll-here.infokru-rank-section-custom ul.infokru-rank-grid-custom,section.infokru-rank-section-custom ul.infokru-rank-grid-custom{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:20px !important;width:100% !important;max-width:1200px !important;margin:0 auto !important;padding:0 !important;list-style:none !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card-item,section.infokru-rank-section-custom .infokru-rank-card-item{list-style:none !important;margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;min-width:0 !important;float:none !important;flex:none !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card,section.infokru-rank-section-custom .infokru-rank-card{width:100% !important;aspect-ratio:1 / 1 !important;min-height:180px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:16px !important;border-radius:var(--ik-radius-lg) !important;border:1.5px solid #d1d5db !important;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;box-shadow:0 1px 0 rgba(0,0,0,.04) !important;text-align:center !important;text-decoration:none !important;position:relative !important;overflow:hidden !important;transition:all .25s ease !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card::before,section.infokru-rank-section-custom .infokru-rank-card::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:3px !important;background:var(--ik-blue) !important;opacity:0 !important;transition:.3s ease !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card:hover,section.infokru-rank-section-custom .infokru-rank-card:hover{transform:translateY(-4px) !important;box-shadow:0 12px 30px rgba(0,87,216,.15) !important;border-color:#dbeafe !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card:hover::before,section.infokru-rank-section-custom .infokru-rank-card:hover::before{opacity:1 !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-name,section.infokru-rank-section-custom .infokru-rank-name{color:var(--ik-text) !important;font-size:13px !important;font-weight:700 !important;line-height:1.3 !important;margin-bottom:6px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-count,section.infokru-rank-section-custom .infokru-rank-count{color:var(--ik-blue) !important;font-size:11px !important;font-weight:700 !important;line-height:1.3 !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-action,section.infokru-rank-section-custom .infokru-rank-action{display:flex !important;justify-content:center !important;align-items:center !important;width:100% !important;margin:8px auto 0 !important;padding:0 !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-action-link,section.infokru-rank-section-custom .infokru-rank-action-link{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:12px 24px !important;border-radius:var(--ik-radius-md) !important;background:var(--ik-blue) !important;color:var(--ik-white) !important;font-size:14px !important;font-weight:600 !important;text-align:center !important;text-decoration:none !important;box-shadow:var(--ik-shadow-blue) !important;transition:all .25s ease !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-action-link:hover,section.infokru-rank-section-custom .infokru-rank-action-link:hover{background:#0046b3 !important;color:var(--ik-white) !important;transform:translateY(-1px) !important}
@media (min-width:821px) and (max-width:1100px){#jh-scroll-here.infokru-rank-section-custom ul.infokru-rank-grid-custom,section.infokru-rank-section-custom ul.infokru-rank-grid-custom{grid-template-columns:repeat(3,minmax(0,1fr)) !important;max-width:900px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card,section.infokru-rank-section-custom .infokru-rank-card{aspect-ratio:auto !important;min-height:150px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-name,section.infokru-rank-section-custom .infokru-rank-name{font-size:14px !important}
}
@media (min-width:601px) and (max-width:820px){#jh-scroll-here.infokru-rank-section-custom ul.infokru-rank-grid-custom,section.infokru-rank-section-custom ul.infokru-rank-grid-custom{grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:680px !important;gap:18px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card,section.infokru-rank-section-custom .infokru-rank-card{aspect-ratio:auto !important;min-height:135px !important;padding:18px 16px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-name,section.infokru-rank-section-custom .infokru-rank-name{font-size:15px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-count,section.infokru-rank-section-custom .infokru-rank-count{font-size:12px !important}
}
@media (max-width:600px){#jh-scroll-here.infokru-rank-section-custom ul.infokru-rank-grid-custom,section.infokru-rank-section-custom ul.infokru-rank-grid-custom{grid-template-columns:1fr !important;max-width:100% !important;gap:14px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-card,section.infokru-rank-section-custom .infokru-rank-card{aspect-ratio:auto !important;min-height:115px !important;padding:18px !important}
#jh-scroll-here.infokru-rank-section-custom .infokru-rank-name,section.infokru-rank-section-custom .infokru-rank-name{font-size:15px !important}
}

/* ============================================================
   11) VESSEL SECTION
   ============================================================ */
 .infokru-vessel-section .container,.infokru-vessel-section .kc-container{width:100% !important;max-width:1200px !important;margin:0 auto !important}
.infokru-vessel-section ul,.infokru-vessel-section .job-categories{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;align-items:stretch !important;justify-items:stretch !important}
.infokru-vessel-section li{display:block !important;float:none !important;width:100% !important;max-width:100% !important;padding:0 !important;border:none !important}
.infokru-vessel-modern{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1 / 1;padding:20px;overflow:hidden;border:1.5px solid #d1d5db;border-radius:var(--ik-radius-lg);background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);box-shadow:0 1px 0 rgba(0,0,0,.04);text-decoration:none;transition:all .25s ease}
.infokru-vessel-modern::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--ik-blue);opacity:0;transition:.3s}
.infokru-vessel-modern:hover{transform:translateY(-4px);border-color:#dbeafe;box-shadow:0 12px 30px rgba(0,87,216,.15);cursor:pointer}
.infokru-vessel-modern:hover::before{opacity:1}
.vessel-name{margin-bottom:6px;color:var(--ik-text);font-size:15px;font-weight:700;letter-spacing:.2px;text-align:center}
.vessel-count{font-size:12px}
.vessel-count .active{color:var(--ik-blue);font-weight:700}
.vessel-count .empty{color:var(--ik-muted-light)}
.infokru-vessel-section .browse-job-categories a,.infokru-vessel-section .browse-job-categories a:link,.infokru-vessel-section .browse-job-categories a:visited,.infokru-vessel-section .action .action-link{all:unset !important;display:inline-block !important;padding:12px 24px !important;border-radius:var(--ik-radius-md) !important;background:var(--ik-blue) !important;color:var(--ik-white) !important;font-size:14px !important;font-weight:600 !important;text-align:center !important;cursor:pointer !important;box-shadow:var(--ik-shadow-blue) !important;transition:all .25s ease !important}
.infokru-vessel-section .browse-job-categories a:hover,.infokru-vessel-section .action .action-link:hover{background:#0046b3 !important;transform:translateY(-1px)}
@media (max-width:1024px){.infokru-vessel-section ul,.infokru-vessel-section .job-categories{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:600px){.infokru-vessel-section ul,.infokru-vessel-section .job-categories{grid-template-columns:1fr !important}
}

/* ============================================================
   12) RECENT JOBS / LEGACY SMALL CARDS / UTILITIES
   ============================================================ */
 .infokru-recent-jobs .badge{display:none !important}
.infokru-recent-jobs-section .showing_jobs,.infokru-recent-jobs-section .result_count,.infokru-recent-jobs-section .job_filters{display:none !important}
.infokru-job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.infokru-job-card{padding:20px;background:#fff;border:1px solid var(--ik-border);border-radius:var(--ik-radius-lg);transition:.25s}
.infokru-job-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.08)}
.infokru-job-card h3{margin-bottom:6px;font-size:16px;font-weight:700}
.infokru-job-card .company{color:#ef4444;font-size:13px}
.infokru-job-card .location{margin-bottom:12px;color:var(--ik-muted);font-size:12px}
.job-btn{display:inline-block;padding:8px 14px;background:var(--ik-blue);color:#fff;border-radius:8px;font-size:12px}
/* ============================================================
   Top Verified Company - Arrow Position Fix
   ============================================================ */

.company-profile-section {
    position: relative !important;
}

.company-profile-section .infokru-arrow,
.jh-section.company-profile-section .infokru-arrow {
    position: absolute !important;
    top: calc(50% + 35px) !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 50 !important;
}

.company-profile-section .infokru-arrow-prev,
.jh-section.company-profile-section .infokru-arrow-prev {
    left: 20px !important;
}

.company-profile-section .infokru-arrow-next,
.jh-section.company-profile-section .infokru-arrow-next {
    right: 20px !important;
}
/* ============================================================
   TABLET FIX - Top Verified Company Section
   Target: 601px - 820px
   ============================================================ */

@media (min-width: 601px) and (max-width: 820px) {

    .company-profile-section,
    .jh-section.company-profile-section {
        padding-top: 48px !important;
        padding-bottom: 56px !important;
        overflow: hidden !important;
    }

    .company-profile-section .container,
    .jh-section.company-profile-section .container {
        max-width: 760px !important;
        width: 100% !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .company-profile-section .section-header,
    .jh-section.company-profile-section .section-header {
        margin-bottom: 36px !important;
        text-align: center !important;
    }

    .company-profile-section .section-title,
    .jh-section.company-profile-section .section-title {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .company-profile-section .section-sub-title,
    .jh-section.company-profile-section .section-sub-title {
        font-size: 15px !important;
        line-height: 1.5 !important;
        max-width: 620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Area carousel */
    .company-profile-section .companies,
    .jh-section.company-profile-section .companies {
        padding-left: 64px !important;
        padding-right: 64px !important;
        overflow: visible !important;
    }

    .company-profile-section .slick-list,
    .jh-section.company-profile-section .slick-list {
        overflow: hidden !important;
    }

    .company-profile-section .slick-track,
    .jh-section.company-profile-section .slick-track {
        display: flex !important;
        align-items: stretch !important;
    }

    /* Force 2 card terlihat di tablet */


    .company-profile-section li.company,
    .jh-section.company-profile-section li.company {
        height: 100% !important;
        min-height: 280px !important;
        padding: 28px 18px 24px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    .company-profile-section .infokru-company-logo,
    .jh-section.company-profile-section .infokru-company-logo {
        height: 70px !important;
        margin-bottom: 14px !important;
    }

    .company-profile-section .infokru-company-logo img,
    .jh-section.company-profile-section .infokru-company-logo img {
        max-height: 58px !important;
        max-width: 110px !important;
        object-fit: contain !important;
    }

    .company-profile-section li.company h3,
    .company-profile-section li.company .company-title,
    .company-profile-section li.company .company-name,
    .jh-section.company-profile-section li.company h3,
    .jh-section.company-profile-section li.company .company-title,
    .jh-section.company-profile-section li.company .company-name {
        font-size: 18px !important;
        line-height: 1.22 !important;
        max-width: 190px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .company-profile-section li.company .location,
    .company-profile-section li.company .company-location,
    .jh-section.company-profile-section li.company .location,
    .jh-section.company-profile-section li.company .company-location {
        font-size: 13px !important;
        text-align: center !important;
    }

    /* Arrow tablet: tengah area card */
    .company-profile-section .infokru-arrow,
    .jh-section.company-profile-section .infokru-arrow {
        top: calc(50% + 58px) !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        height: 44px !important;
        z-index: 60 !important;
    }

    .company-profile-section .infokru-arrow-prev,
    .jh-section.company-profile-section .infokru-arrow-prev {
        left: 18px !important;
    }

    .company-profile-section .infokru-arrow-next,
    .jh-section.company-profile-section .infokru-arrow-next {
        right: 18px !important;
    }
}

/* ============================================================
   TABLET COMPANY SLIDER - Card shape only, width by Slick JS
   ============================================================ */

@media (min-width: 601px) and (max-width: 820px) {
    .company-profile-section .companies,
    .jh-section.company-profile-section .companies {
        padding-left: 60px !important;
        padding-right: 60px !important;
        overflow: visible !important;
    }


    .company-profile-section li.company,
    .jh-section.company-profile-section li.company {
        min-height: 280px !important;
        padding: 28px 20px 24px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    .company-profile-section li.company h3,
    .company-profile-section li.company .company-title,
    .company-profile-section li.company .company-name,
    .jh-section.company-profile-section li.company h3,
    .jh-section.company-profile-section li.company .company-title,
    .jh-section.company-profile-section li.company .company-name {
        font-size: 18px !important;
        line-height: 1.25 !important;
        max-width: 220px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .company-profile-section .infokru-arrow,
    .jh-section.company-profile-section .infokru-arrow {
        top: calc(50% + 35px) !important;
        transform: translateY(-50%) !important;
        z-index: 70 !important;
    }

    .company-profile-section .infokru-arrow-prev,
    .jh-section.company-profile-section .infokru-arrow-prev {
        left: 18px !important;
    }

    .company-profile-section .infokru-arrow-next,
    .jh-section.company-profile-section .infokru-arrow-next {
        right: 18px !important;
    }
}
/* ============================================================
   HERO SEARCH - Rank/Jabatan Dropdown Fix
   ============================================================ */

.site-content-page-header .job-search-location {
    display: none !important;
}

.site-content-page-header .job-search-category.infokru-rank-search-field {
    display: flex !important;
    flex: 0 0 280px !important;
    min-width: 280px !important;
    padding: 0 15px !important;
}

.site-content-page-header .job-search-category.infokru-rank-search-field select {
    width: 100% !important;
    height: 100% !important;
    color: #333 !important;
}

/* Tablet/mobile: dropdown full width */
@media (max-width: 992px) {
    .site-content-page-header .job-search-category.infokru-rank-search-field {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        margin-bottom: 10px !important;
    }
}
/* ============================================================
   HERO SEARCH - Keyword + Rank + Vessel + Submit
   ============================================================ */

.site-content-page-header .job-search-location {
    display: none !important;
}

.site-content-page-header .job-search-category.infokru-rank-search-field,
.site-content-page-header .job-search-vessel.infokru-vessel-search-field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: none !important;
}

.site-content-page-header .job-search-category.infokru-rank-search-field {
    flex: 0 0 240px !important;
    min-width: 240px !important;
}

.site-content-page-header .job-search-vessel.infokru-vessel-search-field {
    flex: 0 0 220px !important;
    min-width: 220px !important;
}

.site-content-page-header .job-search-category.infokru-rank-search-field::before,
.site-content-page-header .job-search-vessel.infokru-vessel-search-field::before {
    content: '' !important;
    position: absolute !important;
    top: 20% !important;
    right: 0 !important;
    width: 1px !important;
    height: 60% !important;
    background: #d1d5db !important;
    pointer-events: none !important;
}

.site-content-page-header .job-search-category.infokru-rank-search-field select,
.site-content-page-header .job-search-vessel.infokru-vessel-search-field select {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: #333 !important;
    font-size: 15px !important;
    cursor: pointer !important;
}

/* Karena sekarang ada 4 item, submit agak diperkecil */
.site-content-page-header .job-search-submit {
    flex: 0 0 180px !important;
    padding-left: 15px !important;
}

/* Tablet/mobile stack */
@media (max-width: 992px) {
    .site-content-page-header .job-search-category.infokru-rank-search-field,
    .site-content-page-header .job-search-vessel.infokru-vessel-search-field {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        height: 50px !important;
        margin-bottom: 10px !important;
        padding: 0 15px !important;
        border: 1px solid #ececec !important;
        border-radius: 10px !important;
    }

    .site-content-page-header .job-search-category.infokru-rank-search-field::before,
    .site-content-page-header .job-search-vessel.infokru-vessel-search-field::before {
        display: none !important;
    }

    .site-content-page-header .job-search-submit {
        width: 100% !important;
        flex: none !important;
        padding-left: 0 !important;
    }
}
.site-content-page-header .job-search-submit {
    flex: 0 0 200px !important;
}
/* Top Verified Company - custom open position counter */
.company-profile-section .infokru-company-open-position,
.jh-section.company-profile-section .infokru-company-open-position {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 14px auto 0 !important;
    padding: 8px 14px !important;
    border: 1px solid #818cf8 !important;
    border-radius: 4px !important;
    color: #818cf8 !important;
    background: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.company-profile-section .infokru-company-open-position.no-openings,
.jh-section.company-profile-section .infokru-company-open-position.no-openings {
    border-color: #d1d5db !important;
    color: #9ca3af !important;
}
/* Mobile: header overlay hero */
@media (max-width: 600px) {
  body.page-template-template-homepage-v1 .site-header {
    position: absolute !important;
    top: 10px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body.page-template-template-homepage-v1 .header-main,
  body.page-template-template-homepage-v1 .site-header-inner {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body.page-template-template-homepage-v1 .site-content-page-header-inner {
    padding-top: 130px !important;
  }
}
/* Mobile: align job card data with badge/pill/WA */
/* Mobile: align job card data */
@media (max-width: 600px) {
  li.job_listing .job-listing-company,
  li.job_listing .job-details-inner > .job-location,
  li.job_listing .infokru-card-meta {
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  li.job_listing .job-details-inner > .job-location {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
  }

  li.job_listing .infokru-meta-item {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  li.job_listing .job-details .job-details-inner h3.job-listing-loop-job__title {
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding: 0 !important;
    text-align: left !important;
  }
}
/* Mobile: compact Vessel Type cards like Rank/Jabatan */
@media (max-width: 600px) {
  .infokru-vessel-section ul,
  .infokru-vessel-section .job-categories {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .infokru-vessel-section li,
  .infokru-vessel-section .job-category {
    width: 100% !important;
    margin: 0 !important;
  }

  .infokru-vessel-section .infokru-vessel-modern,
  .infokru-vessel-section li > a {
    aspect-ratio: auto !important;
    min-height: 112px !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 20px 18px !important;
    border-radius: 16px !important;
  }

  .infokru-vessel-section .vessel-name {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
  }

  .infokru-vessel-section .vessel-count {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
}
/* Homepage job sections: bottom CTA button */
.infokru-job-section-action {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 34px !important;
}

.infokru-job-section-action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 13px 24px !important;
  border-radius: 10px !important;

  background: #0057d8 !important;
  color: #fff !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: 0 6px 14px rgba(0, 87, 216, 0.22) !important;
  transition: all .2s ease !important;
}

.infokru-job-section-action a:hover {
  background: #0046b3 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Hide awkward top-right view all link if exists */
.infokru-section-view-all {
  display: none !important;
}
/* ============================================================
   JOB LIST PAGE - Safe cleanup only
   ============================================================ */

/* Hide only search form inside archive hero, not entire header */
body.post-type-archive-job_listing .site-content-page-header .job-search-block {
  display: none !important;
}

/* Keep archive hero area but make it smaller/cleaner */
body.post-type-archive-job_listing .site-content-page-header {
  min-height: 180px !important;
  padding: 0 !important;
}

body.post-type-archive-job_listing .site-content-page-header-inner {
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide redundant sidebar widgets only */
body.post-type-archive-job_listing #secondary.sidebar-jobs .widget_jobhunt_wpjm_search,
body.post-type-archive-job_listing #secondary.sidebar-jobs .widget_jobhunt_wpjm_location_search,
body.post-type-archive-job_listing #secondary.sidebar-jobs .widget_jobhunt_wpjm_date_filter {
  display: none !important;
}

/* Sidebar card only, safe */
body.post-type-archive-job_listing #secondary.sidebar-jobs .widget-area-inner {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 22px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}
/* ============================================================
   JOB LIST PAGE - Hero
   ============================================================ */

body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero {
  min-height: 280px !important;
  background: linear-gradient(135deg, #7d86d6 0%, #4b516e 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero .site-content-page-header-inner {
  min-height: 280px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 90px 24px 54px !important;
  box-sizing: border-box !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-copy {
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
  color: #ffffff !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-eyebrow {
  display: inline-flex !important;
  margin-bottom: 12px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-copy h1 {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-copy p {
  margin: 0 auto 18px !important;
  max-width: 620px !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-count {
  display: inline-flex !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #003b6f !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

@media (max-width: 600px) {
  body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero {
    min-height: 250px !important;
  }

  body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero .site-content-page-header-inner {
    min-height: 250px !important;
    padding: 82px 20px 42px !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-hero-copy h1 {
    font-size: 30px !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-hero-copy p {
    font-size: 15px !important;
  }
}
/* Job List Hero - center custom hero */
body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero .page-title-area {
  display: none !important;
}

body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero .site-content-page-header-inner {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-copy {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/* ============================================================
   JOB LIST PAGE - Header visibility + hero/content spacing
   ============================================================ */

/* Make navbar readable on Jobs archive */
body.post-type-archive-job_listing .site-header,
body.post-type-archive-job_listing .site-header.header-transparent {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08) !important;
}

body.post-type-archive-job_listing .site-header .primary-nav a,
body.post-type-archive-job_listing .site-header .header-menu > li > a {
  color: #111827 !important;
  font-weight: 600 !important;
}

body.post-type-archive-job_listing .site-header .primary-nav a:hover,
body.post-type-archive-job_listing .site-header .header-menu > li > a:hover {
  color: #0057d8 !important;
}

/* Keep Post A Job visible */
body.post-type-archive-job_listing .site-header .post-a-job a {
  background: #0057d8 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

/* Add breathing room after hero */
body.post-type-archive-job_listing #content.site-content {
  padding-top: 48px !important;
}

/* Prevent sidebar/card from sticking too close to hero */
body.post-type-archive-job_listing .site-content-inner {
  padding-top: 0 !important;
}
/* ============================================================
   HOMEPAGE - Header/Navbar polish
   ============================================================ */

body.home .site-header .primary-nav .header-menu > li > a,
body.page-template-template-homepage-v1 .site-header .primary-nav .header-menu > li > a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  opacity: 1 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.22) !important;
}

body.home .site-header .primary-nav .header-menu > li > a:hover,
body.page-template-template-homepage-v1 .site-header .primary-nav .header-menu > li > a:hover {
  color: #ffffff !important;
  opacity: 0.85 !important;
}

body.home .site-header .post-a-job a,
body.page-template-template-homepage-v1 .site-header .post-a-job a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 46px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;

  background: #0057d8 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: 0 8px 18px rgba(0, 87, 216, 0.25) !important;
}

body.home .site-header .post-a-job a:hover,
body.page-template-template-homepage-v1 .site-header .post-a-job a:hover {
  background: #0046b3 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

body.home .site-header .post-a-job a i,
body.page-template-template-homepage-v1 .site-header .post-a-job a i {
  font-size: 18px !important;
  margin: 0 !important;
}
/* ============================================================
   HOMEPAGE - Sticky header readable menu
   ============================================================ */

body.home .site-header .jobhunt-stick-this.stuck .primary-nav .header-menu > li > a,
body.page-template-template-homepage-v1 .site-header .jobhunt-stick-this.stuck .primary-nav .header-menu > li > a,
body.home .site-header .sticky-wrapper.is-sticky .primary-nav .header-menu > li > a,
body.page-template-template-homepage-v1 .site-header .sticky-wrapper.is-sticky .primary-nav .header-menu > li > a {
  color: #111827 !important;
  text-shadow: none !important;
}

body.home .site-header .jobhunt-stick-this.stuck .primary-nav .header-menu > li > a:hover,
body.page-template-template-homepage-v1 .site-header .jobhunt-stick-this.stuck .primary-nav .header-menu > li > a:hover,
body.home .site-header .sticky-wrapper.is-sticky .primary-nav .header-menu > li > a:hover,
body.page-template-template-homepage-v1 .site-header .sticky-wrapper.is-sticky .primary-nav .header-menu > li > a:hover {
  color: #0057d8 !important;
}

/* normal homepage hover juga biru */
body.home .site-header .primary-nav .header-menu > li > a:hover,
body.page-template-template-homepage-v1 .site-header .primary-nav .header-menu > li > a:hover {
  color: #0057d8 !important;
  opacity: 1 !important;
}
/* Header Post A Job button - remove glow only, keep lift hover */
.site-header .post-a-job a,
body.home .site-header .post-a-job a,
body.page-template-template-homepage-v1 .site-header .post-a-job a,
body.post-type-archive-job_listing .site-header .post-a-job a {
  box-shadow: none !important;
}

.site-header .post-a-job a:hover,
body.home .site-header .post-a-job a:hover,
body.page-template-template-homepage-v1 .site-header .post-a-job a:hover,
body.post-type-archive-job_listing .site-header .post-a-job a:hover {
  box-shadow: none !important;
}
/* ============================================================
   JOB LIST PAGE - Custom Filter Card
   ============================================================ */

body.post-type-archive-job_listing #secondary.sidebar-jobs .widget-area-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Hide old Jobhunt sidebar widgets */
body.post-type-archive-job_listing #secondary.sidebar-jobs .widget {
  display: none !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card {
  display: block !important;

  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;

  padding: 24px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card h3 {
  margin: 0 0 22px !important;

  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body.post-type-archive-job_listing .infokru-filter-group {
  margin-bottom: 22px !important;
}

body.post-type-archive-job_listing .infokru-filter-group label {
  display: block !important;
  margin-bottom: 9px !important;

  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body.post-type-archive-job_listing .infokru-filter-group select {
  width: 100% !important;
  height: 48px !important;

  padding: 0 14px !important;
  border: 1px solid #dbe0e8 !important;
  border-radius: 9px !important;

  background-color: #ffffff !important;
  color: #111827 !important;

  font-size: 15px !important;
  font-weight: 500 !important;

  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.post-type-archive-job_listing .infokru-filter-group select:focus {
  border-color: #0057d8 !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card button {
  width: 100% !important;
  height: 48px !important;

  border: 0 !important;
  border-radius: 9px !important;

  background: #0f4675 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  transition: all .2s ease !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card button:hover {
  background: #0b365c !important;
  transform: translateY(-1px) !important;
}

body.post-type-archive-job_listing .infokru-filter-reset {
  display: block !important;
  margin-top: 14px !important;

  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.post-type-archive-job_listing .infokru-filter-reset:hover {
  color: #0057d8 !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.post-type-archive-job_listing .infokru-jobs-filter-card {
    padding: 20px !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-filter-card h3 {
    font-size: 20px !important;
  }
}
/* Job List: hide default Jobhunt sort dropdown */
body.post-type-archive-job_listing .jh-jobs-control-bar .jobs-sorting {
  display: none !important;
}
/* ============================================================
   JOB LIST PAGE - Final Card Layout
   Based on final enhanced card DOM
   ============================================================ */

/* Card container */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

  padding: 22px !important;
  margin: 0 !important;

  background: #ffffff !important;
  border: 1px solid #dbe1ea !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Badges must stay in normal flow */
body.post-type-archive-job_listing li.job_listing .infokru-badges-wrap {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

/* Main link wrapper */
body.post-type-archive-job_listing li.job_listing > a {
  display: block !important;
  position: static !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  color: inherit !important;
  text-decoration: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Remove old Jobhunt logo wrapper */
body.post-type-archive-job_listing li.job_listing .job-listing-company-logo,
body.post-type-archive-job_listing li.job_listing img.company_logo {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Job detail area */
body.post-type-archive-job_listing li.job_listing .job-details,
body.post-type-archive-job_listing li.job_listing .job-details-inner {
  display: block !important;
  position: static !important;
  float: none !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Title */
body.post-type-archive-job_listing li.job_listing h3.job-listing-loop-job__title {
  display: block !important;

  margin: 0 0 8px !important;
  padding: 0 !important;

  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

/* Company */
body.post-type-archive-job_listing li.job_listing .job-listing-company.company {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #ff2f6d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

body.post-type-archive-job_listing li.job_listing .job-listing-company.company strong {
  color: #ff2f6d !important;
  font-weight: 600 !important;
}

/* Location inside job-details-inner */
body.post-type-archive-job_listing li.job_listing .job-details-inner > .job-location.location {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;

  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

/* Hide old Jobhunt meta: duplicate location, vessel, date */
body.post-type-archive-job_listing li.job_listing .job-listing-meta.meta {
  display: none !important;
}

/* Custom meta injected by InfoKru */
body.post-type-archive-job_listing li.job_listing .infokru-card-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 16px 0 0 !important;

  border-top: 1px solid #e5e7eb !important;
  box-sizing: border-box !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-meta-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: #4b5563 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-meta-item i {
  width: 16px !important;
  min-width: 16px !important;
  text-align: center !important;
  color: #0057d8 !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-meta-item:first-child {
  color: #111827 !important;
  font-weight: 800 !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-meta-item:first-child i {
  color: #16a34a !important;
}

/* Footer: vessel pill + WhatsApp */
body.post-type-archive-job_listing li.job_listing .infokru-card-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-vessel-pill-footer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 0 14px !important;
  padding: 7px 14px !important;

  border: 1px solid #9ec5ff !important;
  border-radius: 999px !important;
  background: #edf5ff !important;
  color: #0057d8 !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-wa-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-height: 48px !important;

  margin: 0 !important;
  padding: 12px 18px !important;

  border: 0 !important;
  border-radius: 10px !important;
  background: #25d366 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-wa-btn:hover {
  background: #20bd5a !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Card hover */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing:hover {
  transform: translateY(-2px) !important;
  border-color: #cfd8e6 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07) !important;
}
/* =========================================================
   JOB LIST CARD - make inner content blend with outer card
   ========================================================= */

/* Card luar = satu-satunya card */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
  padding: 18px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Semua wrapper dalam jangan bikin "card baru" */
body.post-type-archive-job_listing li.job_listing > a,
body.post-type-archive-job_listing li.job_listing .job-details,
body.post-type-archive-job_listing li.job_listing .job-details-inner,
body.post-type-archive-job_listing li.job_listing .infokru-card-meta {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Rapihin area atas */
body.post-type-archive-job_listing li.job_listing .infokru-badges-wrap {
  margin: 0 0 12px !important;
}

body.post-type-archive-job_listing li.job_listing h3.job-listing-loop-job__title {
  margin: 0 0 8px !important;
}

body.post-type-archive-job_listing li.job_listing .job-listing-company.company {
  margin: 0 0 10px !important;
}

body.post-type-archive-job_listing li.job_listing .job-details-inner > .job-location.location {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

/* Meta custom = flat, no inner card look */
body.post-type-archive-job_listing li.job_listing .infokru-card-meta {
  margin: 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid #e5e7eb !important;
}

body.post-type-archive-job_listing li.job_listing .infokru-meta-item {
  margin: 0 !important;
}

/* Footer bawah kasih napas */
body.post-type-archive-job_listing li.job_listing .infokru-card-footer {
  margin-top: 16px !important;
  padding-top: 0 !important;
}

/* Vessel pill */
body.post-type-archive-job_listing li.job_listing .infokru-vessel-pill-footer {
  margin: 0 0 14px !important;
}

/* Tombol WA */
body.post-type-archive-job_listing li.job_listing .infokru-wa-btn {
  margin: 0 !important;
  min-height: 46px !important;
  box-shadow: none !important;
}

/* Hover: cukup outer card aja yang bergerak, inner jangan */
body.post-type-archive-job_listing li.job_listing > a:hover,
body.post-type-archive-job_listing li.job_listing .job-details:hover,
body.post-type-archive-job_listing li.job_listing .job-details-inner:hover,
body.post-type-archive-job_listing li.job_listing .infokru-card-meta:hover {
  box-shadow: none !important;
  transform: none !important;
  background: transparent !important;
}
/* Job list - 2 columns with safe gap */
@media (min-width: 992px) {
  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    margin-bottom: 24px !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing:nth-child(odd) {
    margin-right: 12px !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing:nth-child(even) {
    margin-left: 12px !important;
  }
}
/* Job List: hide default Jobhunt active filter bar */
body.post-type-archive-job_listing .jobhunt-wpjm-active-filters,
body.post-type-archive-job_listing .widget_jobhunt_wpjm_layered_nav_filters,
body.post-type-archive-job_listing .jobhunt-wpjm-layered-nav-active-filters,
body.post-type-archive-job_listing .jh-wpjm-active-filters,
body.post-type-archive-job_listing .job-manager-active-filters {
  display: none !important;
}
.job_listing,
.infokru-job-card-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.infokru-whatsapp-wrap {
  margin-top: auto !important;
}
/* ============================================================
   JOB LIST PAGE - Equalize badge slot + align WA button
   ============================================================ */

/* Card jadi flex column */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
  display: flex !important;
  flex-direction: column !important;
}

/* Badge row yang ada: tinggi minimum disamakan */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing > .infokru-badges-wrap {
  min-height: 28px !important;
  margin-bottom: 18px !important;
}

/* Card yang TIDAK punya badge: kasih slot kosong */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing:not(:has(> .infokru-badges-wrap))::before {
  content: "" !important;
  display: block !important;
  min-height: 28px !important;
  margin-bottom: 18px !important;
  flex: 0 0 auto !important;
}

/* Area link utama isi sisa ruang */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing > a {
  flex: 1 1 auto !important;
  display: block !important;
}

/* Footer selalu dorong ke bawah */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing > .infokru-card-footer {
  margin-top: auto !important;
}
/* ============================================================
   JOB LIST PAGE - Final spacing polish
   ============================================================ */

/* Jarak title "Menampilkan..." ke card */
body.post-type-archive-job_listing .jh-jobs-control-bar {
  margin-bottom: 40px !important;
}

/* Kalau control bar cuma showing text, kasih napas bawah juga */
body.post-type-archive-job_listing .jh-jobs-control-bar .showing_jobs {
  margin-bottom: 0 !important;
}

/* Jarak meta ke vessel pill */
body.post-type-archive-job_listing li.job_listing .infokru-card-footer {
  margin-top: 30px !important;
}

/* Vessel pill jangan terlalu nempel ke meta */
body.post-type-archive-job_listing li.job_listing .infokru-vessel-pill-footer {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

/* Jarak antar card row */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
  margin-bottom: 28px !important;
}
/* Job List: spacing between meta and vessel pill while keeping WA aligned */
body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing > .infokru-card-footer {
  margin-top: auto !important;
  padding-top: 18px !important;
}
/* ============================================================
   JOB LIST RESPONSIVE - Tablet Filter Panel
   ============================================================ */

@media (min-width: 601px) and (max-width: 991px) {
  /* Layout content jadi 1 kolom */
  body.post-type-archive-job_listing .site-content-inner {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Sidebar filter jangan offcanvas di tablet */
  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 720px !important;
    height: auto !important;

    margin: 0 auto 28px !important;
    padding: 0 24px !important;

    order: 1 !important;
  }

  body.post-type-archive-job_listing #secondary.sidebar-jobs .widget-area-inner {
    display: block !important;
    width: 100% !important;
  }

  /* Custom filter card jadi horizontal */
  body.post-type-archive-job_listing .infokru-jobs-filter-card {
    padding: 22px !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-filter-card h3 {
    margin-bottom: 18px !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-filter-card {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: end !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-filter-card h3 {
    grid-column: 1 / -1 !important;
  }

  body.post-type-archive-job_listing .infokru-filter-group {
    margin-bottom: 0 !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-filter-card button {
    grid-column: 1 / 3 !important;
    height: 48px !important;
  }

  body.post-type-archive-job_listing .infokru-filter-reset {
    grid-column: 3 / 4 !important;
    align-self: center !important;
    margin-top: 0 !important;
  }

  /* Main list setelah filter */
  body.post-type-archive-job_listing #primary.content-area {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    order: 2 !important;
  }

  /* Hide tombol filter bawaan Jobhunt di tablet */
  body.post-type-archive-job_listing .handheld-sidebar-toggle {
    display: none !important;
  }
}
/* ============================================================
   JOB LIST RESPONSIVE - Tablet card gap
   ============================================================ */

@media (min-width: 601px) and (max-width: 991px) {
  body.post-type-archive-job_listing ul.job_listings.grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
    flex: 0 0 calc(50% - 11px) !important;
    width: calc(50% - 11px) !important;
    max-width: calc(50% - 11px) !important;
    margin: 0 !important;
  }
}
/* ============================================================
   JOB LIST MOBILE - Filter button + inline filter panel
   ============================================================ */

@media (max-width: 600px) {
  body.post-type-archive-job_listing .jh-jobs-control-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;

    margin: 0 0 16px !important;
    padding: 0 16px !important;
    overflow: visible !important;
  }

  body.post-type-archive-job_listing .jh-jobs-control-bar .showing_jobs span {
    display: block !important;
    color: #374151 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
  }

  body.post-type-archive-job_listing .handheld-sidebar-toggle {
    display: block !important;
    position: static !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing .handheld-sidebar-toggle .sidebar-toggler {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 50px !important;
    padding: 0 18px !important;

    border: 1.5px solid #9ec5ff !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111827 !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;

    box-shadow: none !important;
  }

  body.post-type-archive-job_listing .handheld-sidebar-toggle .sidebar-toggler:hover,
  body.post-type-archive-job_listing .handheld-sidebar-toggle .sidebar-toggler:focus {
    background: #f8fbff !important;
    border-color: #0057d8 !important;
    color: #111827 !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid {
    clear: both !important;
    margin-top: 0 !important;
    padding: 0 16px 24px !important;
  }
}
/* ============================================================
   JOB LIST MOBILE - Inline accordion filter panel
   ============================================================ */

@media (max-width: 600px) {
  body.post-type-archive-job_listing #secondary.sidebar-jobs.infokru-mobile-inline-filter {
    display: none !important;

    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 16px 18px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  body.post-type-archive-job_listing.infokru-filter-open #secondary.sidebar-jobs.infokru-mobile-inline-filter {
    display: block !important;
  }

  body.post-type-archive-job_listing #secondary.sidebar-jobs.infokru-mobile-inline-filter .widget-area-inner {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.post-type-archive-job_listing #secondary.sidebar-jobs.infokru-mobile-inline-filter .infokru-jobs-filter-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;

    background: #ffffff !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  }

  body.post-type-archive-job_listing .handheld-sidebar-toggle .sidebar-toggler span {
    display: inline-block !important;
  }
}
/* ============================================================
   JOB LIST MOBILE - Detached inline filter panel
   ============================================================ */

@media (max-width: 600px) {
  /* Matikan sidebar bawaan supaya nggak jadi off-canvas lagi */
  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    display: none !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel {
    display: none !important;
    margin: 0 16px 18px !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing.infokru-filter-open .infokru-mobile-filter-panel {
    display: block !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;

    background: #ffffff !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card h3 {
    display: none !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group {
    margin-bottom: 18px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group select {
    height: 48px !important;
    border-radius: 10px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card button {
    height: 50px !important;
    border-radius: 10px !important;
  }
}
/* ============================================================
   JOB LIST MOBILE - Align job title with other content
   ============================================================ */
@media (max-width: 600px) {
  body.post-type-archive-job_listing ul.job_listings.grid li.job_listing .job-details,
  body.post-type-archive-job_listing ul.job_listings.grid li.job_listing .job-details-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid li.job_listing h3.job-listing-loop-job__title {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid li.job_listing .job-listing-company,
  body.post-type-archive-job_listing ul.job_listings.grid li.job_listing .job-location,
  body.post-type-archive-job_listing ul.job_listings.grid li.job_listing .infokru-card-meta,
  body.post-type-archive-job_listing ul.job_listings.grid li.job_listing .job-details-inner {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}
/* ============================================================
   JOB LIST DESKTOP - Restore sidebar + content layout
   ============================================================ */

@media (min-width: 992px) {
  body.post-type-archive-job_listing .site-content-inner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 48px !important;
  }

  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    display: block !important;
    position: static !important;
    transform: none !important;

    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;

    margin: 0 !important;
    padding: 0 !important;
    order: 1 !important;
  }

  body.post-type-archive-job_listing #primary.content-area {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
    order: 2 !important;
  }

  body.post-type-archive-job_listing .jh-jobs-control-bar {
    margin: 0 0 24px !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel {
    display: none !important;
  }
}
/* Desktop: never show mobile filter panel */
@media (min-width: 601px) {
  body.post-type-archive-job_listing .infokru-mobile-filter-panel {
    display: none !important;
  }

  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    display: block !important;
  }
}
/* ============================================================
   JOB LIST - Restore desktop + safe mobile filter clone
   ============================================================ */

/* Desktop/tablet: mobile panel jangan pernah muncul */
@media (min-width: 601px) {
  body.post-type-archive-job_listing .infokru-mobile-filter-panel {
    display: none !important;
  }

  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    display: block !important;
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Mobile: original sidebar disembunyikan, clone panel yang dipakai */
@media (max-width: 600px) {
  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    display: none !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel {
    display: none !important;
    margin: 0 16px 18px !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing.infokru-filter-open .infokru-mobile-filter-panel {
    display: block !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;

    background: #ffffff !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card h3 {
    display: none !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group {
    margin-bottom: 18px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group select {
    height: 48px !important;
    border-radius: 10px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card button {
    height: 50px !important;
    border-radius: 10px !important;
  }
}
/* ============================================================
   JOB LIST DESKTOP - Force proper 2-column layout
   ============================================================ */

@media (min-width: 992px) {
  body.post-type-archive-job_listing #content .container {
    max-width: 1320px !important;
  }

  body.post-type-archive-job_listing .site-content-inner {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    column-gap: 48px !important;
    align-items: start !important;
  }

  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;
    position: static !important;
    float: none !important;
    clear: none !important;
    transform: none !important;

    width: 300px !important;
    max-width: 300px !important;
    min-width: 300px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing #primary.content-area {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;
    position: static !important;
    float: none !important;
    clear: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing #main.site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing .jh-jobs-control-bar {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid {
    width: 100% !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel {
    display: none !important;
  }
}
/* Job List: force gap between result count and cards */
body.post-type-archive-job_listing #primary.content-area ul.job_listings.grid {
  margin-top: 10px !important;
}
/* ============================================================
   HOMEPAGE JOB CARD - Remove inner box/shadow layer
   ============================================================ */

body.home li.job_listing > a,
body.home li.job_listing .job-details,
body.home li.job_listing .job-details-inner,
body.home li.job_listing .infokru-card-meta,
body.home li.job_listing .infokru-card-footer,
body.page-template-template-homepage-v1 li.job_listing > a,
body.page-template-template-homepage-v1 li.job_listing .job-details,
body.page-template-template-homepage-v1 li.job_listing .job-details-inner,
body.page-template-template-homepage-v1 li.job_listing .infokru-card-meta,
body.page-template-template-homepage-v1 li.job_listing .infokru-card-footer {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Matikan efek hover di layer dalam, biar cuma outer card yang hidup */
body.home li.job_listing > a:hover,
body.home li.job_listing .job-details:hover,
body.home li.job_listing .job-details-inner:hover,
body.home li.job_listing .infokru-card-meta:hover,
body.home li.job_listing .infokru-card-footer:hover,
body.page-template-template-homepage-v1 li.job_listing > a:hover,
body.page-template-template-homepage-v1 li.job_listing .job-details:hover,
body.page-template-template-homepage-v1 li.job_listing .job-details-inner:hover,
body.page-template-template-homepage-v1 li.job_listing .infokru-card-meta:hover,
body.page-template-template-homepage-v1 li.job_listing .infokru-card-footer:hover {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Footer bawah jangan keliatan kayak section terpisah */
body.home li.job_listing .infokru-card-footer,
body.page-template-template-homepage-v1 li.job_listing .infokru-card-footer {
  border-top: 0 !important;
  padding-top: 18px !important;
}

/* Kalau meta punya garis bawah yang bikin footer keliatan kepisah */
body.home li.job_listing .infokru-card-meta,
body.page-template-template-homepage-v1 li.job_listing .infokru-card-meta {
  border-bottom: 0 !important;
}
/* ============================================================
   JOB DETAIL PAGE - Custom Layout
   ============================================================ */

body.single-job_listing {
  background: #f6f8fb !important;
}

/* Hide old purple hero */
body.single-job_listing .site-content-page-header {
  display: none !important;
}

/* Main spacing */
body.single-job_listing #content.site-content {
  background: #f6f8fb !important;
}

body.single-job_listing main.site-main {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 42px 24px 80px !important;
}

/* Back link */
.infokru-detail-back {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 24px !important;

  color: #003b6f !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.infokru-detail-back:hover {
  color: #0057d8 !important;
}

/* Layout */
.infokru-detail-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 32px !important;
  align-items: start !important;
}

.infokru-detail-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.infokru-detail-sidebar {
  position: sticky !important;
  top: 96px !important;
}

/* Cards */
.infokru-detail-card {
  background: #ffffff !important;
  border: 1px solid #dbe1ea !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}

.infokru-detail-card h2 {
  margin: 0 0 22px !important;
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

/* Hero card */
.infokru-detail-badges {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

.infokru-detail-hero-card h1 {
  margin: 0 0 18px !important;
  color: #111827 !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

.infokru-detail-meta-line {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  color: #6b7280 !important;
  font-size: 16px !important;
}

.infokru-detail-meta-line span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.infokru-detail-meta-line i {
  color: #003b6f !important;
}

/* Info grid */
.infokru-detail-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px 32px !important;
}

.infokru-detail-info-item {
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
}

.infokru-detail-info-item > i {
  width: 28px !important;
  min-width: 28px !important;
  color: #003b6f !important;
  font-size: 24px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

.infokru-detail-info-item span {
  display: block !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
}

.infokru-detail-info-item strong {
  display: block !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

/* Description */
.infokru-detail-description {
  color: #374151 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.infokru-detail-description p:last-child {
  margin-bottom: 0 !important;
}

/* Sidebar */
.infokru-contact-card h2 {
  margin-bottom: 18px !important;
}

.infokru-detail-wa {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 54px !important;
  margin-bottom: 18px !important;

  border-radius: 10px !important;
  background: #25d366 !important;
  color: #ffffff !important;

  font-size: 17px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.infokru-detail-wa:hover {
  background: #20bd5a !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.infokru-contact-note {
  margin-bottom: 22px !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
  background: #eef2f7 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.infokru-company-box {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;

  padding-top: 20px !important;
  border-top: 1px solid #e5e7eb !important;
}

.infokru-company-box img {
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 6px !important;
}

.infokru-company-box h3 {
  margin: 0 0 6px !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.infokru-company-box p {
  margin: 0 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
}

.infokru-disclaimer {
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e5e7eb !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* Responsive */
@media (max-width: 991px) {
  .infokru-detail-layout {
    grid-template-columns: 1fr !important;
  }

  .infokru-detail-sidebar {
    position: static !important;
  }
}

@media (max-width: 600px) {
  body.single-job_listing main.site-main {
    padding: 28px 16px 56px !important;
  }

  .infokru-detail-card {
    padding: 22px !important;
    border-radius: 14px !important;
  }

  .infokru-detail-hero-card h1 {
    font-size: 28px !important;
  }

  .infokru-detail-info-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .infokru-detail-meta-line {
    flex-direction: column !important;
    gap: 10px !important;
  }
}
/* ============================================================
   JOB DETAIL PAGE - FINAL CUSTOM LAYOUT FIX
   ============================================================ */

/* Hide old Jobhunt hero */
body.single-job_listing .site-content-page-header {
  display: none !important;
}

/* Page background */
body.single-job_listing,
body.single-job_listing #content.site-content {
  background: #f6f8fb !important;
}

/* Hide original Jobhunt detail layout if masih muncul */
body.single-job_listing .single_job_listing {
  display: none !important;
}

/* Main container */
body.single-job_listing main.site-main {
  max-width: 1320px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 42px 24px 80px !important;
  box-sizing: border-box !important;
}

/* Wrapper */
body.single-job_listing .infokru-job-detail-page {
  display: block !important;
  width: 100% !important;
}

/* Back link */
body.single-job_listing .infokru-detail-back {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 24px !important;

  color: #003b6f !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.single-job_listing .infokru-detail-back:hover {
  color: #0057d8 !important;
}

/* Two-column layout */
body.single-job_listing .infokru-detail-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 32px !important;
  align-items: start !important;
  width: 100% !important;
}

/* Main column */
body.single-job_listing .infokru-detail-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  min-width: 0 !important;
}

/* Sidebar */
body.single-job_listing .infokru-detail-sidebar {
  position: sticky !important;
  top: 96px !important;
  min-width: 0 !important;
}

/* Card base */
body.single-job_listing .infokru-detail-card {
  background: #ffffff !important;
  border: 1px solid #dbe1ea !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
  box-sizing: border-box !important;
}

/* Card headings */
body.single-job_listing .infokru-detail-card h2 {
  margin: 0 0 22px !important;
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

/* Hero card */
body.single-job_listing .infokru-detail-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

/* Force badges normal size, not full width */
body.single-job_listing .infokru-detail-badges .infokru-featured-badge,
body.single-job_listing .infokru-detail-badges .infokru-urgent-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.single-job_listing .infokru-detail-hero-card h1 {
  margin: 0 0 18px !important;
  color: #111827 !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

body.single-job_listing .infokru-detail-meta-line {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;

  color: #6b7280 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

body.single-job_listing .infokru-detail-meta-line span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.single-job_listing .infokru-detail-meta-line i {
  color: #003b6f !important;
}

/* Info grid */
body.single-job_listing .infokru-detail-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px 32px !important;
}

body.single-job_listing .infokru-detail-info-item {
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
}

body.single-job_listing .infokru-detail-info-item > i {
  width: 28px !important;
  min-width: 28px !important;
  color: #003b6f !important;
  font-size: 24px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

body.single-job_listing .infokru-detail-info-item span {
  display: block !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
}

body.single-job_listing .infokru-detail-info-item strong {
  display: block !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

/* Description */
body.single-job_listing .infokru-detail-description {
  color: #374151 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.single-job_listing .infokru-detail-description p:last-child {
  margin-bottom: 0 !important;
}

/* Contact card */
body.single-job_listing .infokru-contact-card h2 {
  margin-bottom: 18px !important;
}

body.single-job_listing .infokru-detail-wa {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 54px !important;
  margin-bottom: 18px !important;

  border-radius: 10px !important;
  background: #25d366 !important;
  color: #ffffff !important;

  font-size: 17px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.single-job_listing .infokru-detail-wa:hover {
  background: #20bd5a !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

body.single-job_listing .infokru-contact-note {
  margin-bottom: 22px !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
  background: #eef2f7 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.single-job_listing .infokru-company-box {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;

  padding-top: 20px !important;
  border-top: 1px solid #e5e7eb !important;
}

body.single-job_listing .infokru-company-box img {
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 6px !important;
  background: #ffffff !important;
}

body.single-job_listing .infokru-company-box h3 {
  margin: 0 0 6px !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

body.single-job_listing .infokru-company-box p {
  margin: 0 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
}

body.single-job_listing .infokru-disclaimer {
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e5e7eb !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* Responsive */
@media (max-width: 991px) {
  body.single-job_listing .infokru-detail-layout {
    grid-template-columns: 1fr !important;
  }

  body.single-job_listing .infokru-detail-sidebar {
    position: static !important;
  }
}

@media (max-width: 600px) {
  body.single-job_listing main.site-main {
    padding: 28px 16px 56px !important;
  }

  body.single-job_listing .infokru-detail-card {
    padding: 22px !important;
    border-radius: 14px !important;
  }

  body.single-job_listing .infokru-detail-hero-card h1 {
    font-size: 28px !important;
  }

  body.single-job_listing .infokru-detail-info-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.single-job_listing .infokru-detail-meta-line {
    flex-direction: column !important;
    gap: 10px !important;
  }
}
/* ============================================================
   JOB DETAIL PAGE - Modern Compact Polish
   ============================================================ */

/* Header detail page readable */
body.single-job_listing .site-header,
body.single-job_listing .site-header.header-transparent {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08) !important;
}

body.single-job_listing .site-header .primary-nav a,
body.single-job_listing .site-header .header-menu > li > a {
  color: #111827 !important;
  font-weight: 700 !important;
}

body.single-job_listing .site-header .primary-nav a:hover,
body.single-job_listing .site-header .header-menu > li > a:hover {
  color: #0057d8 !important;
}

/* Remove white canvas feel */
body.single-job_listing #content.site-content,
body.single-job_listing #content .container,
body.single-job_listing .site-content-inner,
body.single-job_listing main.site-main {
  background: #f6f8fb !important;
}

/* Main width lebih premium, tidak terlalu lebar/kaku */
body.single-job_listing main.site-main {
  max-width: 1240px !important;
  padding: 44px 24px 72px !important;
}

/* Layout lebih proporsional */
body.single-job_listing .infokru-detail-layout {
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 28px !important;
}

/* Card dibuat lebih compact */
body.single-job_listing .infokru-detail-card {
  padding: 24px !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035) !important;
}

/* Jarak antar section lebih ringan */
body.single-job_listing .infokru-detail-main {
  gap: 20px !important;
}

/* Back link lebih subtle */
body.single-job_listing .infokru-detail-back {
  margin-bottom: 18px !important;
  font-size: 14px !important;
}

/* Hero card compact */
body.single-job_listing .infokru-detail-hero-card {
  padding: 24px 26px !important;
}

body.single-job_listing .infokru-detail-badges {
  margin-bottom: 14px !important;
}

body.single-job_listing .infokru-detail-hero-card h1 {
  margin-bottom: 14px !important;
  font-size: 34px !important;
  line-height: 1.16 !important;
  letter-spacing: -0.4px !important;
}

/* Meta line lebih rapi */
body.single-job_listing .infokru-detail-meta-line {
  gap: 16px !important;
  font-size: 15px !important;
}

body.single-job_listing .infokru-detail-meta-line span {
  color: #4b5563 !important;
}

/* Informasi lowongan lebih compact */
body.single-job_listing .infokru-detail-card h2 {
  margin-bottom: 20px !important;
  font-size: 20px !important;
}

body.single-job_listing .infokru-detail-info-grid {
  gap: 22px 28px !important;
}

body.single-job_listing .infokru-detail-info-item {
  gap: 12px !important;
}

body.single-job_listing .infokru-detail-info-item > i {
  width: 24px !important;
  min-width: 24px !important;
  font-size: 22px !important;
}

body.single-job_listing .infokru-detail-info-item span {
  font-size: 13px !important;
}

body.single-job_listing .infokru-detail-info-item strong {
  font-size: 15px !important;
}

/* Description card jangan terlalu tinggi */
body.single-job_listing .infokru-detail-description {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Sidebar lebih slim */
body.single-job_listing .infokru-contact-card {
  padding: 24px !important;
}

body.single-job_listing .infokru-contact-card h2 {
  font-size: 20px !important;
  margin-bottom: 16px !important;
}

body.single-job_listing .infokru-detail-wa {
  min-height: 50px !important;
  margin-bottom: 16px !important;
  border-radius: 9px !important;
  font-size: 15px !important;
}

body.single-job_listing .infokru-contact-note {
  margin-bottom: 18px !important;
  padding: 12px 14px !important;
  font-size: 13px !important;
}

body.single-job_listing .infokru-company-box {
  padding-top: 18px !important;
}

body.single-job_listing .infokru-disclaimer {
  margin-top: 18px !important;
  padding-top: 16px !important;
  font-size: 12.5px !important;
}

/* Badge jangan terlalu panjang/gemuk */
body.single-job_listing .infokru-detail-badges .infokru-featured-badge,
body.single-job_listing .infokru-detail-badges .infokru-urgent-badge {
  padding: 6px 9px !important;
  font-size: 11px !important;
  border-radius: 6px !important;
}

/* Responsive tetap aman */
@media (max-width: 991px) {
  body.single-job_listing main.site-main {
    padding: 36px 20px 64px !important;
  }

  body.single-job_listing .infokru-detail-layout {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}

@media (max-width: 600px) {
  body.single-job_listing main.site-main {
    padding: 28px 16px 56px !important;
  }

  body.single-job_listing .infokru-detail-card {
    padding: 20px !important;
  }

  body.single-job_listing .infokru-detail-hero-card h1 {
    font-size: 26px !important;
  }
}
/* ============================================================
   JOB DETAIL PAGE - Premium Minimal UI Polish
   ============================================================ */

/* Header readable on job detail */
body.single-job_listing .site-header,
body.single-job_listing .site-header.header-transparent {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08) !important;
}

body.single-job_listing .site-header .header-menu > li > a,
body.single-job_listing .site-header .primary-nav a,
body.single-job_listing .site-header .menu-item > a {
  color: #111827 !important;
  font-weight: 700 !important;
}

body.single-job_listing .site-header .header-menu > li > a:hover,
body.single-job_listing .site-header .primary-nav a:hover,
body.single-job_listing .site-header .menu-item > a:hover {
  color: #0057d8 !important;
}

/* Keep Post A Job button strong */
body.single-job_listing .site-header .post-a-job a {
  background: #0057d8 !important;
  color: #ffffff !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

/* Main page feel */
body.single-job_listing,
body.single-job_listing #content.site-content,
body.single-job_listing #content .container,
body.single-job_listing .site-content-inner,
body.single-job_listing main.site-main {
  background: #f6f8fb !important;
}

body.single-job_listing main.site-main {
  max-width: 1180px !important;
  padding: 44px 24px 76px !important;
}

/* Layout */
body.single-job_listing .infokru-detail-layout {
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 28px !important;
}

/* Cards: softer, less prototype */
body.single-job_listing .infokru-detail-card {
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
}

/* Back link */
body.single-job_listing .infokru-detail-back {
  margin-bottom: 20px !important;
  color: #003b6f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Hero summary row */
body.single-job_listing .infokru-detail-hero-card {
  padding: 24px !important;
  background:
    radial-gradient(circle at top right, rgba(0, 87, 216, 0.06), transparent 36%),
    #ffffff !important;
}

body.single-job_listing .infokru-detail-summary-row {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

body.single-job_listing .infokru-detail-logo-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;

  border: 1px solid #dbe3ee !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
}

body.single-job_listing .infokru-detail-logo-wrap img {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
}

body.single-job_listing .infokru-detail-logo-wrap span {
  color: #0057d8 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body.single-job_listing .infokru-detail-summary-content {
  min-width: 0 !important;
}

body.single-job_listing .infokru-detail-badges {
  margin: 0 0 12px !important;
}

body.single-job_listing .infokru-detail-hero-card h1 {
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.5px !important;
}

body.single-job_listing .infokru-detail-meta-line {
  gap: 10px !important;
}

body.single-job_listing .infokru-detail-meta-line span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #f3f6fa !important;
  color: #4b5563 !important;

  font-size: 14px !important;
  font-weight: 700 !important;
}

body.single-job_listing .infokru-detail-meta-line i {
  color: #0057d8 !important;
}

/* Info card as cleaner tiles */
body.single-job_listing .infokru-detail-card h2 {
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
}

body.single-job_listing .infokru-detail-info-grid {
  gap: 16px !important;
}

body.single-job_listing .infokru-detail-info-item {
  padding: 16px !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 14px !important;
  background: #fbfcfe !important;
}

body.single-job_listing .infokru-detail-info-item > i {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 8px !important;
  background: #eef6ff !important;
  color: #0057d8 !important;

  font-size: 18px !important;
}

body.single-job_listing .infokru-detail-info-item span {
  color: #6b7280 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

body.single-job_listing .infokru-detail-info-item strong {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Highlight salary tile */
body.single-job_listing .infokru-detail-info-item:nth-child(3) {
  background: #f3fff7 !important;
  border-color: #c7f2d5 !important;
}

body.single-job_listing .infokru-detail-info-item:nth-child(3) > i {
  background: #dcfce7 !important;
  color: #16a34a !important;
}

/* Description */
body.single-job_listing .infokru-detail-description {
  color: #374151 !important;
  font-size: 15.5px !important;
  line-height: 1.75 !important;
}

/* Sidebar premium */
body.single-job_listing .infokru-contact-card {
  padding: 24px !important;
  border-radius: 18px !important;
}

body.single-job_listing .infokru-contact-card h2 {
  margin-bottom: 4px !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

body.single-job_listing .infokru-contact-card h2::after {
  content: "Lamar langsung ke perusahaan";
  display: block !important;
  margin-top: 6px !important;
  margin-bottom: 18px !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

body.single-job_listing .infokru-detail-wa {
  min-height: 52px !important;
  border-radius: 12px !important;
  background: #25d366 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

body.single-job_listing .infokru-detail-wa:hover {
  background: #20bd5a !important;
  transform: translateY(-1px) !important;
}

body.single-job_listing .infokru-contact-note {
  background: #f3f6fa !important;
  color: #64748b !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}

body.single-job_listing .infokru-company-box {
  padding: 16px !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 14px !important;
  background: #fbfcfe !important;
}

body.single-job_listing .infokru-company-box img {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

body.single-job_listing .infokru-company-box h3 {
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.single-job_listing .infokru-disclaimer {
  color: #64748b !important;
  font-size: 12.5px !important;
}

/* Responsive polish */
@media (max-width: 991px) {
  body.single-job_listing .infokru-detail-layout {
    grid-template-columns: 1fr !important;
  }

  body.single-job_listing .infokru-detail-sidebar {
    position: static !important;
  }
}

@media (max-width: 600px) {
  body.single-job_listing main.site-main {
    padding: 28px 16px 56px !important;
  }

  body.single-job_listing .infokru-detail-summary-row {
    align-items: flex-start !important;
    gap: 14px !important;
  }

  body.single-job_listing .infokru-detail-logo-wrap {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 14px !important;
  }

  body.single-job_listing .infokru-detail-logo-wrap img {
    width: 48px !important;
    height: 48px !important;
  }

  body.single-job_listing .infokru-detail-hero-card h1 {
    font-size: 25px !important;
  }

  body.single-job_listing .infokru-detail-info-grid {
    grid-template-columns: 1fr !important;
  }

  body.single-job_listing .infokru-detail-meta-line span {
    font-size: 13px !important;
  }
}
/* ============================================================
   JOB DETAIL PAGE - Proportion Refinement
   ============================================================ */

/* Page width sedikit lebih compact */
body.single-job_listing main.site-main {
  max-width: 1140px !important;
  padding-top: 36px !important;
}

/* Layout lebih balance */
body.single-job_listing .infokru-detail-layout {
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 24px !important;
}

/* Card overall sedikit lebih ramping */
body.single-job_listing .infokru-detail-card {
  padding: 22px !important;
  border-radius: 16px !important;
}

/* Hero dibuat lebih compact */
body.single-job_listing .infokru-detail-hero-card {
  padding: 22px 24px !important;
}

body.single-job_listing .infokru-detail-summary-row {
  gap: 16px !important;
}

body.single-job_listing .infokru-detail-logo-wrap {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border-radius: 14px !important;
}

body.single-job_listing .infokru-detail-logo-wrap img {
  width: 54px !important;
  height: 54px !important;
}

/* Title jangan terlalu dominan */
body.single-job_listing .infokru-detail-hero-card h1 {
  font-size: 30px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.35px !important;
  margin-bottom: 10px !important;
}

/* Badge lebih subtle */
body.single-job_listing .infokru-detail-badges {
  margin-bottom: 10px !important;
}

body.single-job_listing .infokru-detail-badges .infokru-featured-badge,
body.single-job_listing .infokru-detail-badges .infokru-urgent-badge {
  font-size: 10.5px !important;
  padding: 5px 8px !important;
}

/* Meta pill lebih kecil */
body.single-job_listing .infokru-detail-meta-line span {
  padding: 6px 9px !important;
  font-size: 13px !important;
}

/* Info section lebih compact */
body.single-job_listing .infokru-detail-card h2 {
  font-size: 19px !important;
  margin-bottom: 18px !important;
}

body.single-job_listing .infokru-detail-info-grid {
  gap: 14px !important;
}

body.single-job_listing .infokru-detail-info-item {
  padding: 14px !important;
  border-radius: 13px !important;
}

body.single-job_listing .infokru-detail-info-item > i {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  font-size: 16px !important;
}

body.single-job_listing .infokru-detail-info-item span {
  font-size: 12px !important;
  margin-bottom: 4px !important;
}

body.single-job_listing .infokru-detail-info-item strong {
  font-size: 14.5px !important;
}

/* Description lebih ringan */
body.single-job_listing .infokru-detail-description {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Sidebar sedikit lebih solid */
body.single-job_listing .infokru-contact-card {
  padding: 22px !important;
}

body.single-job_listing .infokru-detail-wa {
  min-height: 50px !important;
  font-size: 15px !important;
}

body.single-job_listing .infokru-contact-note {
  padding: 12px 14px !important;
}

/* Jarak antar card jangan terlalu jauh */
body.single-job_listing .infokru-detail-main {
  gap: 18px !important;
}
/* Job Detail: remove company logo from hero summary */
body.single-job_listing .infokru-detail-hero-card .infokru-detail-logo-wrap {
  display: none !important;
}

/* Rebalance hero row after logo removed */
body.single-job_listing .infokru-detail-summary-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: center !important;
}

/* Kalau sebelumnya sempat tambah hero CTA, hide dulu biar hero tetap clean */
body.single-job_listing .infokru-detail-hero-cta {
  display: none !important;
}

/* Hero content full width */
body.single-job_listing .infokru-detail-summary-content {
  width: 100% !important;
}
/* ============================================================
   JOB DETAIL RESPONSIVE - Tablet Layout Fix
   ============================================================ */

@media (min-width: 601px) and (max-width: 991px) {
  body.single-job_listing main.site-main {
    max-width: 720px !important;
    padding: 34px 24px 64px !important;
  }

  body.single-job_listing .infokru-detail-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100% !important;
  }

  body.single-job_listing .infokru-detail-main,
  body.single-job_listing .infokru-detail-sidebar {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.single-job_listing .infokru-detail-sidebar {
    position: static !important;
  }

  body.single-job_listing .infokru-detail-hero-card h1 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }

  body.single-job_listing .infokru-detail-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.single-job_listing .infokru-detail-info-item {
    min-width: 0 !important;
  }

  body.single-job_listing .infokru-detail-info-item strong {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.single-job_listing .infokru-contact-card {
    max-width: 100% !important;
  }
}
/* ============================================================
   JOB DETAIL MOBILE - Emergency full-width layout fix
   ============================================================ */

@media (max-width: 600px) {
  body.single-job_listing,
  body.single-job_listing #content.site-content,
  body.single-job_listing main.site-main,
  body.single-job_listing .infokru-job-detail-page,
  body.single-job_listing .infokru-detail-layout,
  body.single-job_listing .infokru-detail-main,
  body.single-job_listing .infokru-detail-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-job_listing main.site-main {
    display: block !important;
    margin: 0 auto !important;
    padding: 24px 16px 56px !important;
  }

  body.single-job_listing .infokru-detail-layout {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 18px !important;
  }

  /* Urutan mobile: main content dulu, contact card setelah deskripsi */
  body.single-job_listing .infokru-detail-main {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  body.single-job_listing .infokru-detail-sidebar {
    order: 2 !important;
    position: static !important;
  }

  body.single-job_listing .infokru-detail-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 20px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  /* Hero full-width */
  body.single-job_listing .infokru-detail-summary-row,
  body.single-job_listing .infokru-detail-summary-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.single-job_listing .infokru-detail-logo-wrap,
  body.single-job_listing .infokru-detail-hero-cta {
    display: none !important;
  }

  body.single-job_listing .infokru-detail-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.single-job_listing .infokru-detail-hero-card h1 {
    display: block !important;
    width: 100% !important;

    font-size: 26px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.3px !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    margin: 0 0 12px !important;
  }

  body.single-job_listing .infokru-detail-meta-line {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 8px !important;
  }

  body.single-job_listing .infokru-detail-meta-line span {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Info lowongan 1 kolom mobile */
  body.single-job_listing .infokru-detail-info-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.single-job_listing .infokru-detail-info-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: flex-start !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  body.single-job_listing .infokru-detail-info-item div,
  body.single-job_listing .infokru-detail-info-item strong,
  body.single-job_listing .infokru-detail-info-item span {
    min-width: 0 !important;
    max-width: 100% !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.single-job_listing .infokru-detail-info-item strong {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  /* Description jangan pecah huruf */
  body.single-job_listing .infokru-detail-description,
  body.single-job_listing .infokru-detail-description p {
    width: 100% !important;
    max-width: 100% !important;

    font-size: 15px !important;
    line-height: 1.7 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Contact card full-width */
  body.single-job_listing .infokru-contact-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.single-job_listing .infokru-detail-wa {
    width: 100% !important;
    min-height: 50px !important;
  }

  body.single-job_listing .infokru-company-box {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* Company List: readable header */
body.post-type-archive-company .site-header,
body.post-type-archive-company .site-header.header-transparent {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08) !important;
}

body.post-type-archive-company .site-header .header-menu > li > a,
body.post-type-archive-company .site-header .primary-nav a,
body.post-type-archive-company .site-header .menu-item > a {
  color: #111827 !important;
  font-weight: 700 !important;
}

body.post-type-archive-company .site-header .header-menu > li > a:hover,
body.post-type-archive-company .site-header .primary-nav a:hover,
body.post-type-archive-company .site-header .menu-item > a:hover {
  color: #0057d8 !important;
}
/* Company List: real CTA button */
body.post-type-archive-company li.company .infokru-company-card-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 44px !important;
  margin-top: auto !important;

  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.post-type-archive-company li.company .infokru-company-card-cta:hover {
  background: #0048b5 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}
/* Company List: featured/verified badge */
body.post-type-archive-company li.company.company_featured .company-title-position::before {
  content: "Verified Company";
  display: inline-flex !important;
  align-items: center !important;

  margin-bottom: 2px !important;
  padding: 6px 10px !important;

  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
/* Company List: proportion polish */
body.post-type-archive-company main.site-main {
  max-width: 1120px !important;
  padding-top: 40px !important;
}

body.post-type-archive-company li.company .company-inner {
  min-height: 260px !important;
  padding: 22px !important;
  border-radius: 16px !important;
}

body.post-type-archive-company li.company .company-logo {
  width: 68px !important;
  height: 68px !important;
  margin-bottom: 16px !important;
  border-radius: 14px !important;
}

body.post-type-archive-company li.company .company-logo img {
  width: 52px !important;
  height: 52px !important;
}

body.post-type-archive-company li.company .company-name {
  font-size: 18px !important;
}

body.post-type-archive-company li.company .company-desc {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}
/* ============================================================
   COMPANY LIST PAGE - Hero like Job List
   ============================================================ */

/* Header readable */
body.post-type-archive-company .site-header,
body.post-type-archive-company .site-header.header-transparent {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08) !important;
}

body.post-type-archive-company .site-header .header-menu > li > a,
body.post-type-archive-company .site-header .primary-nav a,
body.post-type-archive-company .site-header .menu-item > a {
  color: #111827 !important;
  font-weight: 700 !important;
}

body.post-type-archive-company .site-header .header-menu > li > a:hover,
body.post-type-archive-company .site-header .primary-nav a:hover,
body.post-type-archive-company .site-header .menu-item > a:hover {
  color: #0057d8 !important;
}

/* Show and restyle hero */
body.post-type-archive-company .site-content-page-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 290px !important;
  padding: 72px 24px !important;

  background: linear-gradient(120deg, #6673c8 0%, #1f2446 100%) !important;
  color: #ffffff !important;
  text-align: center !important;
  border: 0 !important;
}

body.post-type-archive-company .infokru-company-archive-hero {
  max-width: 720px !important;
  margin: 0 auto !important;
}

body.post-type-archive-company .infokru-company-archive-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-bottom: 18px !important;
  padding: 9px 16px !important;

  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.post-type-archive-company .infokru-company-archive-hero h1 {
  margin: 0 0 16px !important;

  color: #ffffff !important;
  font-size: 44px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.6px !important;
}

body.post-type-archive-company .infokru-company-archive-hero p {
  max-width: 620px !important;
  margin: 0 auto 24px !important;

  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

body.post-type-archive-company .infokru-company-archive-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 42px !important;
  padding: 0 20px !important;

  border-radius: 999px !important;
  background: #ffffff !important;
  color: #003b6f !important;

  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Mobile hero */
@media (max-width: 600px) {
  body.post-type-archive-company .site-content-page-header {
    min-height: 250px !important;
    padding: 54px 20px !important;
  }

  body.post-type-archive-company .infokru-company-archive-hero h1 {
    font-size: 32px !important;
  }

  body.post-type-archive-company .infokru-company-archive-hero p {
    font-size: 15px !important;
  }
}
/* Company List Hero - fix faded text / overlay */
body.post-type-archive-company .site-content-page-header::before,
body.post-type-archive-company .site-content-page-header::after,
body.post-type-archive-company .page-header::before,
body.post-type-archive-company .page-header::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

body.post-type-archive-company .site-content-page-header,
body.post-type-archive-company .site-content-page-header * {
  opacity: 1 !important;
}

body.post-type-archive-company .infokru-company-archive-hero {
  position: relative !important;
  z-index: 10 !important;
  opacity: 1 !important;
}

body.post-type-archive-company .infokru-company-archive-badge {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

body.post-type-archive-company .infokru-company-archive-hero h1 {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.post-type-archive-company .infokru-company-archive-hero p {
  color: rgba(255, 255, 255, 0.92) !important;
  opacity: 1 !important;
}

body.post-type-archive-company .infokru-company-archive-count {
  background: #ffffff !important;
  color: #003b6f !important;
  opacity: 1 !important;
}
/* ============================================================
   COMPANY LIST HERO - clean true center, no transform
   ============================================================ */

body.post-type-archive-company .site-content-page-header {
  display: grid !important;
  place-items: center !important;

  min-height: 320px !important;
  height: auto !important;

  padding: 0 !important;
  margin: 0 !important;

  overflow: visible !important;
  box-sizing: border-box !important;

  background: linear-gradient(120deg, #6673c8 0%, #1f2446 100%) !important;
}

body.post-type-archive-company .infokru-company-archive-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 720px !important;
  min-height: 320px !important;

  margin: 0 auto !important;
  padding: 44px 24px !important;

  text-align: center !important;
  transform: none !important;
  box-sizing: border-box !important;
}

body.post-type-archive-company .infokru-company-archive-badge {
  margin: 0 0 18px !important;
}

body.post-type-archive-company .infokru-company-archive-hero h1 {
  margin: 0 0 16px !important;
}

body.post-type-archive-company .infokru-company-archive-hero p {
  margin: 0 auto 24px !important;
}

body.post-type-archive-company .infokru-company-archive-count {
  margin: 0 !important;
}
/* ============================================================
   COMPANY LIST PAGE - Top Filter + Modern Grid Final
   ============================================================ */

body.post-type-archive-company {
  background: #f6f8fb !important;
}

/* Jangan munculin heading duplicate dari main pseudo */
body.post-type-archive-company main.site-main::before,
body.post-type-archive-company main.site-main::after {
  display: none !important;
  content: none !important;
}

/* Layout archive: filter di atas, list di bawah */
body.post-type-archive-company .site-content-inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 26px !important;

  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 44px 24px 76px !important;
  box-sizing: border-box !important;
}

/* Primary + secondary full width */
body.post-type-archive-company #primary.content-area,
body.post-type-archive-company #secondary.sidebar-companies {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Urutan: filter dulu, company list setelahnya */
body.post-type-archive-company #secondary.sidebar-companies {
  order: 1 !important;
  display: block !important;
}

body.post-type-archive-company #primary.content-area {
  order: 2 !important;
}

/* Hide mobile filter toggle bawaan */
body.post-type-archive-company .handheld-sidebar-toggle {
  display: none !important;
}

/* Filter bar */
body.post-type-archive-company #secondary.sidebar-companies {
  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
}

/* Sidebar widgets jadi horizontal */
body.post-type-archive-company #secondary.sidebar-companies .widget-area-inner,
body.post-type-archive-company #secondary.sidebar-companies .widget {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Kalau widget wrapper dobel, biar tetap rapi */
body.post-type-archive-company #secondary.sidebar-companies .widget + .widget {
  margin-top: 0 !important;
}

/* Input search/location */
body.post-type-archive-company #secondary.sidebar-companies input[type="text"],
body.post-type-archive-company #secondary.sidebar-companies input[type="search"] {
  width: 100% !important;
  height: 52px !important;
  padding: 0 16px !important;

  border: 1px solid #d5dde7 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #111827 !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.post-type-archive-company #secondary.sidebar-companies input::placeholder {
  color: #9ca3af !important;
  font-weight: 500 !important;
}

/* Icon pink bawaan jangan terlalu dominan */
body.post-type-archive-company #secondary.sidebar-companies i,
body.post-type-archive-company #secondary.sidebar-companies .la,
body.post-type-archive-company #secondary.sidebar-companies .fas {
  color: #0057d8 !important;
}

/* Company list grid */
body.post-type-archive-company ul.jh-companies {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Company card reset */
body.post-type-archive-company ul.jh-companies > li.company {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Card inner */
body.post-type-archive-company li.company .company-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  height: 100% !important;
  min-height: 258px !important;

  padding: 22px !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
  box-sizing: border-box !important;

  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.post-type-archive-company li.company .company-inner:hover {
  transform: translateY(-2px) !important;
  border-color: #cbd7e8 !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.075) !important;
}

/* Logo */
body.post-type-archive-company li.company .company-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 68px !important;
  height: 68px !important;
  margin: 0 0 16px !important;

  border: 1px solid #e5eaf2 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

body.post-type-archive-company li.company .company-logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

body.post-type-archive-company li.company .company-logo img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
}

/* Details */
body.post-type-archive-company li.company .company-details {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

body.post-type-archive-company li.company .company-title-position {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
}

body.post-type-archive-company li.company .company-name {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

body.post-type-archive-company li.company .company-name:hover {
  color: #0057d8 !important;
}

/* Open position pill */
body.post-type-archive-company li.company .open-positions {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;

  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #edf5ff !important;
  color: #0057d8 !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* Featured company badge */
body.post-type-archive-company li.company.company_featured .company-title-position::before {
  content: "Verified Company";
  display: inline-flex !important;
  align-items: center !important;

  margin-bottom: 2px !important;
  padding: 6px 10px !important;

  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Location */
body.post-type-archive-company li.company .company-location-map {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  margin: 0 0 12px !important;
  color: #6b7280 !important;
  font-size: 14px !important;
}

body.post-type-archive-company li.company .company-location-map i {
  color: #003b6f !important;
  font-size: 18px !important;
}

body.post-type-archive-company li.company .company-location {
  color: #6b7280 !important;
  text-decoration: none !important;
}

/* Description */
body.post-type-archive-company li.company .company-desc {
  color: #4b5563 !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;

  margin-bottom: 18px !important;
}

/* CTA real button */
body.post-type-archive-company li.company .infokru-company-card-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 44px !important;
  margin-top: auto !important;

  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.post-type-archive-company li.company .infokru-company-card-cta:hover {
  background: #0048b5 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Responsive */
@media (max-width: 991px) {
  body.post-type-archive-company .site-content-inner {
    max-width: 720px !important;
  }

  body.post-type-archive-company ul.jh-companies {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  body.post-type-archive-company .site-content-inner {
    padding: 32px 16px 56px !important;
  }

  body.post-type-archive-company #secondary.sidebar-companies .widget-area-inner,
  body.post-type-archive-company #secondary.sidebar-companies .widget {
    grid-template-columns: 1fr !important;
  }

  body.post-type-archive-company ul.jh-companies {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.post-type-archive-company li.company .company-inner {
    min-height: 0 !important;
    padding: 22px !important;
  }
}
/* ============================================================
   COMPANY LIST PAGE - Final polish
   ============================================================ */

/* Semua company di directory dianggap verified */
body.post-type-archive-company li.company .company-title-position::before {
  content: "Verified Company";
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;

  margin: 0 0 4px !important;
  padding: 6px 10px !important;

  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Biar tidak double kalau masih ada rule company_featured lama */
body.post-type-archive-company li.company.company_featured .company-title-position::before {
  content: "Verified Company" !important;
}

/* Filter bar lebih rapi dan proporsional */
body.post-type-archive-company #secondary.sidebar-companies {
  padding: 18px 20px !important;
  border-radius: 16px !important;
}

body.post-type-archive-company #secondary.sidebar-companies .widget-area-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px !important;
  align-items: center !important;
}

/* Setiap widget filter full */
body.post-type-archive-company #secondary.sidebar-companies .widget {
  width: 100% !important;
  margin: 0 !important;
}

/* Form/input wrapper bawaan Jobhunt */
body.post-type-archive-company #secondary.sidebar-companies form,
body.post-type-archive-company #secondary.sidebar-companies .search_jobs,
body.post-type-archive-company #secondary.sidebar-companies .search_companies,
body.post-type-archive-company #secondary.sidebar-companies .search_keywords,
body.post-type-archive-company #secondary.sidebar-companies .search_location {
  width: 100% !important;
  margin: 0 !important;
}

/* Input jangan kayak kepotong dengan icon box */
body.post-type-archive-company #secondary.sidebar-companies input[type="text"],
body.post-type-archive-company #secondary.sidebar-companies input[type="search"] {
  width: 100% !important;
  height: 50px !important;
  padding: 0 44px 0 16px !important;

  border: 1px solid #d8e1ee !important;
  border-radius: 12px !important;
  background: #ffffff !important;

  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 600 !important;

  box-shadow: none !important;
}

/* Icon bawaan dibuat nyatu, bukan box dominan */
body.post-type-archive-company #secondary.sidebar-companies .search-submit,
body.post-type-archive-company #secondary.sidebar-companies button,
body.post-type-archive-company #secondary.sidebar-companies .submit {
  height: 50px !important;
  min-width: 42px !important;

  border: 0 !important;
  background: transparent !important;
  color: #0057d8 !important;
  box-shadow: none !important;
}

/* Cards sedikit lebih clean */
body.post-type-archive-company li.company .company-inner {
  min-height: 300px !important;
  padding: 22px !important;
}

/* Logo dan heading spacing */
body.post-type-archive-company li.company .company-logo {
  margin-bottom: 14px !important;
}

body.post-type-archive-company li.company .company-title-position {
  gap: 7px !important;
  margin-bottom: 14px !important;
}

/* Open position lebih subtle */
body.post-type-archive-company li.company .open-positions {
  padding: 6px 11px !important;
  font-size: 11.5px !important;
}

/* Description dikasih tinggi konsisten */
body.post-type-archive-company li.company .company-desc {
  min-height: 66px !important;
  margin-bottom: 18px !important;
}

/* Button tidak terlalu gemuk */
body.post-type-archive-company li.company .infokru-company-card-cta {
  min-height: 42px !important;
  border-radius: 9px !important;
  font-size: 13.5px !important;
}

/* Mobile filter tetap stack */
@media (max-width: 600px) {
  body.post-type-archive-company #secondary.sidebar-companies .widget-area-inner {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.post-type-archive-company li.company .company-inner {
    min-height: 0 !important;
  }

  body.post-type-archive-company li.company .company-desc {
    min-height: 0 !important;
  }
}
/* ============================================================
   COMPANY LIST PAGE - Width, filter, and card spacing refinement
   ============================================================ */

/* Bikin area company page lebih lega */
body.post-type-archive-company .site-content-inner {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 48px 32px 84px !important;
  box-sizing: border-box !important;
}

/* Filter bar jangan terlalu kosong tapi tetap full-width */
body.post-type-archive-company #secondary.sidebar-companies {
  width: 100% !important;
  max-width: 100% !important;
  padding: 18px 22px !important;
  margin: 0 0 8px !important;

  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
}

/* Paksa isi filter jadi 2 kolom rapi */
body.post-type-archive-company #secondary.sidebar-companies .widget-area-inner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: center !important;
  width: 100% !important;
}

/* Widget/form/input wrapper harus full */
body.post-type-archive-company #secondary.sidebar-companies .widget,
body.post-type-archive-company #secondary.sidebar-companies form,
body.post-type-archive-company #secondary.sidebar-companies .search_companies,
body.post-type-archive-company #secondary.sidebar-companies .search_keywords,
body.post-type-archive-company #secondary.sidebar-companies .search_location,
body.post-type-archive-company #secondary.sidebar-companies .search-field {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Input filter full dan modern */
body.post-type-archive-company #secondary.sidebar-companies input[type="text"],
body.post-type-archive-company #secondary.sidebar-companies input[type="search"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 52px !important;
  padding: 0 48px 0 16px !important;

  border: 1px solid #d8e1ee !important;
  border-radius: 12px !important;
  background: #ffffff !important;

  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 600 !important;

  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Icon search/location jangan bikin input kepotong */
body.post-type-archive-company #secondary.sidebar-companies button,
body.post-type-archive-company #secondary.sidebar-companies .search-submit,
body.post-type-archive-company #secondary.sidebar-companies .submit {
  width: 44px !important;
  min-width: 44px !important;
  height: 52px !important;

  border: 0 !important;
  background: transparent !important;
  color: #0057d8 !important;
  box-shadow: none !important;
}

/* Area list jangan punya background putih aneh */
body.post-type-archive-company #primary.content-area,
body.post-type-archive-company main.site-main {
  background: transparent !important;
}

/* Grid company dibuat lebih lega */
body.post-type-archive-company ul.jh-companies {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Card jangan terlalu mepet */
body.post-type-archive-company li.company .company-inner {
  min-height: 310px !important;
  padding: 24px !important;
  border-radius: 18px !important;
}

/* Logo agak lebih kalem */
body.post-type-archive-company li.company .company-logo {
  width: 66px !important;
  height: 66px !important;
  margin-bottom: 16px !important;
}

body.post-type-archive-company li.company .company-logo img {
  width: 50px !important;
  height: 50px !important;
}

/* Nama dan badge lebih rapi */
body.post-type-archive-company li.company .company-title-position {
  gap: 8px !important;
  margin-bottom: 14px !important;
}

body.post-type-archive-company li.company .company-name {
  font-size: 18px !important;
  line-height: 1.25 !important;
}

/* Description tetap enak dibaca */
body.post-type-archive-company li.company .company-desc {
  min-height: 66px !important;
  margin-bottom: 20px !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

/* Button lebih breathing */
body.post-type-archive-company li.company .infokru-company-card-cta {
  min-height: 44px !important;
  border-radius: 10px !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.post-type-archive-company .site-content-inner {
    max-width: 760px !important;
    padding: 42px 24px 72px !important;
  }

  body.post-type-archive-company ul.jh-companies {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body.post-type-archive-company .site-content-inner {
    padding: 32px 16px 56px !important;
  }

  body.post-type-archive-company #secondary.sidebar-companies {
    padding: 16px !important;
  }

  body.post-type-archive-company #secondary.sidebar-companies .widget-area-inner {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.post-type-archive-company ul.jh-companies {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.post-type-archive-company li.company .company-inner {
    min-height: 0 !important;
    padding: 22px !important;
  }

  body.post-type-archive-company li.company .company-desc {
    min-height: 0 !important;
  }
}
/* ============================================================
   COMPANY LIST PAGE - Custom Clean Filter UI
   ============================================================ */

/* Hide original ugly Jobhunt company filter */
body.post-type-archive-company #secondary.sidebar-companies.infokru-hide-original-company-filter {
  display: none !important;
}

/* Custom filter wrapper */
body.post-type-archive-company .infokru-company-filter-clean {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 180px !important;
  gap: 14px !important;
  align-items: center !important;

  width: 100% !important;
  margin: 0 0 34px !important;
  padding: 18px !important;

  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
  box-sizing: border-box !important;
}

/* Field */
body.post-type-archive-company .infokru-company-filter-field {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  height: 52px !important;
  padding: 0 16px !important;

  background: #f8fafc !important;
  border: 1px solid #d8e1ee !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

body.post-type-archive-company .infokru-company-filter-field:focus-within {
  background: #ffffff !important;
  border-color: #0057d8 !important;
  box-shadow: 0 0 0 3px rgba(0, 87, 216, 0.08) !important;
}

/* Icon */
body.post-type-archive-company .infokru-company-filter-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 22px !important;
  min-width: 22px !important;
  color: #0057d8 !important;
  font-size: 20px !important;
}

/* Input */
body.post-type-archive-company .infokru-company-filter-field input {
  width: 100% !important;
  height: 100% !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.post-type-archive-company .infokru-company-filter-field input::placeholder {
  color: #9ca3af !important;
  font-weight: 600 !important;
}

/* Button */
body.post-type-archive-company .infokru-company-filter-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 52px !important;

  border: 0 !important;
  border-radius: 13px !important;
  background: #0057d8 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: none !important;
  cursor: pointer !important;
  transition: transform .2s ease, background .2s ease !important;
}

body.post-type-archive-company .infokru-company-filter-button:hover {
  background: #0048b5 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.post-type-archive-company .infokru-company-filter-clean {
    grid-template-columns: 1fr 1fr !important;
  }

  body.post-type-archive-company .infokru-company-filter-button {
    grid-column: 1 / -1 !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body.post-type-archive-company .infokru-company-filter-clean {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
    padding: 16px !important;
  }
}
/* ============================================================
   COMPANY LIST PAGE - Left align card content
   ============================================================ */

body.post-type-archive-company li.company .company-inner,
body.post-type-archive-company li.company .company-details,
body.post-type-archive-company li.company .company-title-position {
  align-items: flex-start !important;
  text-align: left !important;
}

body.post-type-archive-company li.company .company-location-map {
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}

body.post-type-archive-company li.company .company-desc {
  text-align: left !important;
  width: 100% !important;
}

body.post-type-archive-company li.company .company-logo {
  align-self: flex-start !important;
}

body.post-type-archive-company li.company .infokru-company-card-cta {
  text-align: center !important;
}
/* Company List: entire card clickable */
body.post-type-archive-company li.company.infokru-company-clickable-card {
  cursor: pointer !important;
}

body.post-type-archive-company li.company.infokru-company-clickable-card .company-inner {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.post-type-archive-company li.company.infokru-company-clickable-card:hover .company-inner {
  transform: translateY(-2px) !important;
  border-color: #bdd0ea !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.075) !important;
}

body.post-type-archive-company li.company.infokru-company-clickable-card:focus {
  outline: none !important;
}

body.post-type-archive-company li.company.infokru-company-clickable-card:focus .company-inner {
  border-color: #0057d8 !important;
  box-shadow: 0 0 0 3px rgba(0, 87, 216, 0.12) !important;
}
/* ============================================================
   COMPANY DETAIL PAGE - Modern Minimal Layout
   ============================================================ */

body.single-company {
  background: #f6f8fb !important;
}

/* Hide old purple hero */
body.single-company .site-content-page-header {
  display: none !important;
}

/* Header readable */
body.single-company .site-header,
body.single-company .site-header.header-transparent {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08) !important;
}

body.single-company .site-header .header-menu > li > a,
body.single-company .site-header .primary-nav a,
body.single-company .site-header .menu-item > a {
  color: #111827 !important;
  font-weight: 700 !important;
}

body.single-company .site-header .header-menu > li > a:hover,
body.single-company .site-header .primary-nav a:hover,
body.single-company .site-header .menu-item > a:hover {
  color: #0057d8 !important;
}

/* Page background */
body.single-company #content.site-content,
body.single-company #content .container,
body.single-company .site-content-inner,
body.single-company main.site-main {
  background: #f6f8fb !important;
}

body.single-company main.site-main {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 42px 24px 80px !important;
  box-sizing: border-box !important;
}

/* Back link */
body.single-company .infokru-company-detail-back {
  display: inline-flex !important;
  align-items: center !important;

  margin-bottom: 22px !important;
  color: #003b6f !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.single-company .infokru-company-detail-back:hover {
  color: #0057d8 !important;
}

/* Wrapper */
body.single-company .single-company-page {
  width: 100% !important;
}

/* Company hero card */
body.single-company .single-company__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;

  margin: 0 0 24px !important;
  padding: 28px !important;

  background:
    radial-gradient(circle at top right, rgba(0, 87, 216, 0.06), transparent 36%),
    #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
}

/* Hero left */
body.single-company .company-single-head__left {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  min-width: 0 !important;
}

/* Logo */
body.single-company .single-company__head .company-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;

  margin: 0 !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

body.single-company .single-company__head .company-logo img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
}

/* Company info */
body.single-company .single-company__head .company-info {
  min-width: 0 !important;
}

body.single-company .infokru-company-detail-verified {
  display: inline-flex !important;
  align-items: center !important;

  margin-bottom: 10px !important;
  padding: 7px 11px !important;

  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.single-company .single-company__head .company-name {
  margin: 0 0 10px !important;
  color: #111827 !important;

  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.4px !important;
}

body.single-company .single-company__head .company-location,
body.single-company .single-company__head .open-positions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  margin: 0 8px 0 0 !important;
  padding: 7px 11px !important;

  border-radius: 999px !important;
  background: #f3f6fa !important;
  color: #4b5563 !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.single-company .single-company__head .company-location i {
  color: #0057d8 !important;
}

body.single-company .single-company__head .company-location a {
  color: #4b5563 !important;
  text-decoration: none !important;
}

body.single-company .single-company__head .open-positions {
  background: #edf5ff !important;
  color: #0057d8 !important;
}

/* Map button */
body.single-company .company-single-head__right {
  flex: 0 0 auto !important;
}

body.single-company .company-single-head__right .company-location-map a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 48px !important;
  padding: 0 22px !important;

  border-radius: 12px !important;
  background: #0057d8 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.single-company .company-single-head__right .company-location-map a:hover {
  background: #0048b5 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Layout content */
body.single-company .single-company__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 28px !important;
  align-items: start !important;
}

body.single-company .single-company__content-area {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  min-width: 0 !important;
}

body.single-company .single-company__sidebar {
  position: sticky !important;
  top: 96px !important;
}

/* Section cards */
body.single-company #company_description,
body.single-company #company-job_listings,
body.single-company .company-overview {
  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  padding: 26px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
}

body.single-company #company_description h2,
body.single-company #company-job_listings h2,
body.single-company .company-overview h2 {
  margin: 0 0 18px !important;
  color: #111827 !important;

  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.single-company #company_description p {
  margin: 0 !important;
  color: #374151 !important;

  font-size: 15.5px !important;
  line-height: 1.75 !important;
}

/* Sidebar overview tiles */
body.single-company .company-overview-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body.single-company .company-overview-inner > div {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;

  padding: 14px !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 14px !important;
  background: #fbfcfe !important;
}

body.single-company .company-overview-inner > div > i {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 8px !important;
  background: #eef6ff !important;
  color: #0057d8 !important;

  font-size: 18px !important;
}

body.single-company .company-overview label {
  display: block !important;
  margin-bottom: 4px !important;

  color: #6b7280 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

body.single-company .company-overview .value,
body.single-company .company-overview .value a {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Jobs list inside company detail */
body.single-company #company-job_listings ul.job_listings {
  margin: 0 !important;
  padding: 0 !important;
}

body.single-company #company-job_listings li.job_listing {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

body.single-company #company-job_listings li.job_listing + li.job_listing {
  margin-top: 14px !important;
}

body.single-company #company-job_listings li.job_listing > a {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;

  padding: 18px !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 14px !important;
  background: #fbfcfe !important;

  text-decoration: none !important;
  box-shadow: none !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body.single-company #company-job_listings li.job_listing > a:hover {
  transform: translateY(-1px) !important;
  border-color: #cbd7e8 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055) !important;
}

body.single-company #company-job_listings .job-listing-company-logo {
  display: none !important;
}

body.single-company #company-job_listings .job-details {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  width: 100% !important;
}

body.single-company #company-job_listings .job-listing-loop-job__title {
  margin: 0 0 8px !important;
  color: #111827 !important;

  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.single-company #company-job_listings .job-listing-company,
body.single-company #company-job_listings .job-location {
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.single-company #company-job_listings .job-types {
  margin: 0 0 8px !important;
  padding: 0 !important;
  list-style: none !important;
}

body.single-company #company-job_listings .job-type {
  display: inline-flex !important;
  align-items: center !important;

  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: #edf5ff !important;
  color: #0057d8 !important;

  font-size: 12px !important;
  font-weight: 900 !important;
}

body.single-company #company-job_listings .job-published-date {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Responsive */
@media (max-width: 991px) {
  body.single-company main.site-main {
    max-width: 760px !important;
    padding: 36px 24px 72px !important;
  }

  body.single-company .single-company__head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.single-company .single-company__inner {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.single-company .single-company__sidebar {
    position: static !important;
  }
}

@media (max-width: 600px) {
  body.single-company main.site-main {
    padding: 28px 16px 56px !important;
  }

  body.single-company .single-company__head {
    padding: 22px !important;
  }

  body.single-company .company-single-head__left {
    align-items: flex-start !important;
    gap: 14px !important;
  }

  body.single-company .single-company__head .company-logo {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
  }

  body.single-company .single-company__head .company-logo img {
    width: 52px !important;
    height: 52px !important;
  }

  body.single-company .single-company__head .company-name {
    font-size: 26px !important;
  }

  body.single-company #company_description,
  body.single-company #company-job_listings,
  body.single-company .company-overview {
    padding: 22px !important;
    border-radius: 16px !important;
  }

  body.single-company #company-job_listings .job-details,
  body.single-company #company-job_listings li.job_listing > a {
    grid-template-columns: 1fr !important;
  }
}
/* ============================================================
   COMPANY DETAIL PAGE - Layout hard fix
   ============================================================ */

/* Main container lebih pasti */
body.single-company main.site-main {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 42px 24px 80px !important;
  box-sizing: border-box !important;
}

/* Reset semua wrapper bawaan */
body.single-company .single-company-page,
body.single-company .single-company__inner,
body.single-company .single-company__content-area,
body.single-company .single-company__sidebar {
  box-sizing: border-box !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
}

/* Hero tetap full */
body.single-company .single-company__head {
  width: 100% !important;
  max-width: 100% !important;
}

/* Desktop layout yang bener */
body.single-company .single-company__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 28px !important;
  align-items: start !important;

  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Kiri full */
body.single-company .single-company__content-area {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

/* Kanan fix width, jangan gepeng */
body.single-company .single-company__sidebar {
  grid-column: 2 !important;
  width: 340px !important;
  max-width: 340px !important;
  min-width: 340px !important;

  position: sticky !important;
  top: 96px !important;
}

/* Card kiri dan kanan full width sesuai kolom */
body.single-company #company_description,
body.single-company #company-job_listings,
body.single-company .company-overview {
  width: 100% !important;
  max-width: 100% !important;
}

/* Overview jangan pecah huruf */
body.single-company .company-overview,
body.single-company .company-overview * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

body.single-company .company-overview h2 {
  display: block !important;
  width: 100% !important;
  line-height: 1.25 !important;
}

/* Overview item rapi */
body.single-company .company-overview-inner > div {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* Bersihin tombol map yang dobel warna */
body.single-company .company-single-head__right .company-location-map {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.single-company .company-single-head__right .company-location-map i {
  display: none !important;
}

/* Tablet dan mobile: stack 1 kolom, jangan maksa kanan-kiri */
@media (max-width: 1199px) {
  body.single-company main.site-main {
    max-width: 760px !important;
    padding: 36px 24px 72px !important;
  }

  body.single-company .single-company__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  body.single-company .single-company__content-area,
  body.single-company .single-company__sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.single-company .single-company__sidebar {
    position: static !important;
  }
}

@media (max-width: 600px) {
  body.single-company main.site-main {
    padding: 28px 16px 56px !important;
  }
}


/* ============================================================
   COMPANY DETAIL PAGE - Salary on active job card
   ============================================================ */

body.single-company #company-job_listings .infokru-company-job-salary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  margin-top: 10px !important;
  padding: 7px 11px !important;

  width: fit-content !important;

  border-radius: 999px !important;
  background: #f3fff7 !important;
  border: 1px solid #c7f2d5 !important;
  color: #16a34a !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.single-company #company-job_listings .infokru-company-job-salary i {
  color: #16a34a !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body.single-company #company-job_listings .infokru-company-job-salary strong {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
/* ============================================================
   GLOBAL - Verified Company Icon
   ============================================================ */

.infokru-verified-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;

  margin-left: 7px !important;
  border-radius: 999px !important;

  background: #16a34a !important;
  color: #ffffff !important;

  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

.infokru-verified-icon::before {
  content: "✓";
  transform: translateY(-0.3px);
}
/* ============================================================
   COMPANY DETAIL TABLET - FINAL RESET CLEAN
   601px - 991px only
   ============================================================ */

@media (min-width: 601px) and (max-width: 991px) {

  body.single-company main.site-main {
    max-width: 720px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 34px 24px 64px !important;
    box-sizing: border-box !important;
  }

  body.single-company .single-company-page,
  body.single-company .single-company__inner,
  body.single-company .single-company__content-area,
  body.single-company .single-company__sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
  }

  /* SECTION ORDER */
  body.single-company .single-company__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  body.single-company .single-company__content-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  body.single-company #company_description {
    order: 1 !important;
  }

  body.single-company .single-company__sidebar {
    order: 2 !important;
    position: static !important;
  }

  body.single-company #company-job_listings {
    order: 3 !important;
  }

  /* HERO TABLET */
  body.single-company .single-company__head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 160px !important;
    align-items: center !important;
    gap: 24px !important;

    width: 100% !important;
    min-height: 160px !important;
    margin: 0 0 22px !important;
    padding: 28px !important;

    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  body.single-company .company-single-head__left {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 18px !important;

    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body.single-company .single-company__head .company-logo {
    grid-column: 1 !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.single-company .single-company__head .company-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
  }

  body.single-company .single-company__head .company-info {
    grid-column: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 9px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.single-company .infokru-company-detail-verified,
  body.single-company .single-company__head .open-positions {
    margin: 0 !important;
    width: max-content !important;
  }

  body.single-company .single-company__head .company-name {
    flex: 0 0 100% !important;
    margin: 4px 0 0 !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  /* RIGHT HERO: Jakarta di atas, tombol di bawah */
  body.single-company .company-single-head__right {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 12px !important;

    width: 160px !important;
    max-width: 160px !important;
    min-width: 160px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location,
  body.single-company .company-single-head__right > div.company-location {
    order: 1 !important;
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;

    border: 1px solid #dbe3ee !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06) !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location a,
  body.single-company .company-single-head__right > div.company-location > a.company-location {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  body.single-company .company-single-head__right .company-location-map {
    order: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.single-company .company-single-head__right .company-location-map a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    border-radius: 12px !important;
  }

  /* CONTENT CARDS */
  body.single-company #company_description,
  body.single-company #company-job_listings,
  body.single-company .company-overview {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 24px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  /* INFORMASI PERUSAHAAN HORIZONTAL */
  body.single-company .company-overview-inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
  }

  body.single-company .company-overview-inner > div {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 88px !important;
    padding: 14px !important;

    border: 1px solid #eef2f7 !important;
    border-radius: 14px !important;
    background: #fbfcfe !important;
    box-sizing: border-box !important;
  }

  body.single-company .company-overview-inner > div > i {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  body.single-company .company-overview-inner > div > div {
    min-width: 0 !important;
    width: auto !important;
  }

  body.single-company .company-overview label {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    margin: 0 0 4px !important;
  }

  body.single-company .company-overview .value,
  body.single-company .company-overview .value a {
    font-size: 13px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}
/* ============================================================
   COMPANY DETAIL MOBILE - Informasi Perusahaan vertical
   ============================================================ */

@media (max-width: 600px) {
  body.single-company .company-overview-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  body.single-company .company-overview-inner > div {
    min-height: 0 !important;
  }
}
/* ============================================================
   INFOKRU PATCH - COMPANY DETAIL DESKTOP EXACT SELECTOR
   ============================================================ */

@media (min-width: 992px) {

  /* ===== HERO COMPANY DETAIL ===== */
  body.single-company .single-company__head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    align-items: center !important;
    gap: 28px !important;

    margin: 0 0 24px !important;
    padding: 28px !important;

    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  body.single-company .company-single-head__left {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 22px !important;

    width: 100% !important;
    min-width: 0 !important;
  }

  body.single-company .single-company__head .company-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;

    margin: 0 !important;
    padding: 10px !important;

    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.single-company .single-company__head .company-logo img {
    width: 78px !important;
    height: 78px !important;
    max-width: 78px !important;
    max-height: 78px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.single-company .single-company__head .company-info {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 12px !important;

    width: 100% !important;
    min-width: 0 !important;
  }

  body.single-company .single-company__head .infokru-company-detail-verified {
    order: 1 !important;
    margin: 0 !important;
  }

  body.single-company .single-company__head .open-positions {
    order: 2 !important;
    margin: 0 !important;
    width: auto !important;
  }

  body.single-company .single-company__head .company-name {
    order: 3 !important;
    flex: 0 0 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 34px !important;
    line-height: 1.12 !important;
    text-align: left !important;
  }

  /* kanan: Jakarta di atas, Lihat Lokasi di bawah */
  body.single-company .company-single-head__right {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 12px !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location {
    order: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #dbe3ee !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06) !important;

    color: #111827 !important;
    box-sizing: border-box !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location i {
    margin: 0 !important;
    color: #0057d8 !important;
    font-size: 17px !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location a.company-location {
    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  body.single-company .company-single-head__right .company-location-map {
    order: 2 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.single-company .company-single-head__right .company-location-map > i {
    display: none !important;
  }

  body.single-company .company-single-head__right .company-location-map a.company-location {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 0 !important;
    border-radius: 12px !important;
    background: #0057d8 !important;
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  body.single-company .company-single-head__right .company-location-map a.company-location:hover {
    background: #0048b5 !important;
    color: #ffffff !important;
  }


  /* ===== CONTENT LAYOUT: ABOUT + JOBS KIRI, INFO KANAN ===== */
  body.single-company .single-company__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: 28px !important;
    align-items: stretch !important;
  }

  body.single-company .single-company__content-area {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    gap: 22px !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  body.single-company .single-company__sidebar {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;

    height: 100% !important;
    align-self: stretch !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company #company_description,
  body.single-company #company-job_listings,
  body.single-company .company-overview {
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-company .company-overview {
    height: 100% !important;
  }

  body.single-company #company-job_listings {
    height: 100% !important;
  }


  /* ===== ACTIVE JOB CARD ===== */
  body.single-company #company-job_listings ul.job_listings.list {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.single-company #company-job_listings ul.job_listings.list > li.job_listing {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.single-company #company-job_listings li.job_listing > a {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    text-decoration: none !important;
  }

  body.single-company #company-job_listings .job-listing-company-logo {
    display: none !important;
  }

  body.single-company #company-job_listings .job-details {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 170px !important;
    align-items: center !important;
    gap: 18px !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 20px 22px !important;

    border: 1px solid #e5ecf5 !important;
    border-radius: 14px !important;
    background: #fbfcfe !important;
    box-sizing: border-box !important;
  }

  body.single-company #company-job_listings .job-details-inner {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.single-company #company-job_listings h3.job-listing-loop-job__title {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  body.single-company #company-job_listings .job-listing-company.company {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #ff2f6d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  body.single-company #company-job_listings .job-details-inner > .job-location.location {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  body.single-company #company-job_listings .infokru-company-job-salary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: fit-content !important;
    margin: 0 !important;
    padding: 8px 13px !important;

    border-radius: 999px !important;
    background: #f3fff7 !important;
    border: 1px solid #baf0cc !important;
    color: #16a34a !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.single-company #company-job_listings .infokru-company-job-salary strong {
    color: #111827 !important;
    font-weight: 900 !important;
  }

  body.single-company #company-job_listings .job-listing-meta.meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 18px !important;

    width: 170px !important;
    min-width: 170px !important;
    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
  }

  body.single-company #company-job_listings .job-listing-meta.meta > .job-location.location {
    display: none !important;
  }

  body.single-company #company-job_listings .job-listing-meta.meta ul.job-types {
    display: flex !important;
    justify-content: flex-end !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.single-company #company-job_listings .job-listing-meta.meta .job-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    margin: 0 !important;
    padding: 8px 14px !important;

    border: 2px solid #0072ff !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0057d8 !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.single-company #company-job_listings .job-published-date.date {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
}
/* ============================================================
   INFOKRU PATCH - COMPANY DETAIL TABLET OVERVIEW WIDTH FIX V4
   Scope: single company / tablet only
   Action: ADD after removing old V2/V3 overview tablet patch
   Problem found:
   - .single-company__sidebar = 642px
   - .company-overview stuck at 321px
   ============================================================ */

@media (min-width: 768px) and (max-width: 991px) {

  body.single-company .single-company__sidebar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-company .single-company__sidebar .company-overview {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;

    margin: 0 !important;
    padding: 24px !important;
    box-sizing: border-box !important;
  }

  body.single-company .single-company__sidebar .company-overview-inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-company .single-company__sidebar .company-overview-inner > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 86px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 14px !important;

    border: 1px solid #e5ecf5 !important;
    border-radius: 14px !important;
    background: #fbfcfe !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.single-company .single-company__sidebar .company-overview-inner > div > i {
    flex: 0 0 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 10px !important;
    background: #eef6ff !important;
    color: #0057d8 !important;

    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.single-company .single-company__sidebar .company-overview-inner > div > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company .single-company__sidebar .company-overview-inner label {
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #6b7280 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: left !important;
  }

  body.single-company .single-company__sidebar .company-overview-inner .value,
  body.single-company .single-company__sidebar .company-overview-inner .company-posted-jobs,
  body.single-company .single-company__sidebar .company-overview-inner .company-publish,
  body.single-company .single-company__sidebar .company-overview-inner a.company-location {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: left !important;
    text-decoration: none !important;
  }
}
/* ============================================================
   INFOKRU PATCH - COMPANY DETAIL CONSISTENT CARD GAP
   Action: ADD ONLY, jangan hapus patch V4
   ============================================================ */

@media (min-width: 768px) and (max-width: 991px) {

  /* wrapper utama section bawah hero */
  body.single-company .single-company__inner {
    row-gap: 24px !important;
    column-gap: 24px !important;
  }

  /* area kiri & kanan biar spacing internal seragam */
  body.single-company .single-company__content-area,
  body.single-company .single-company__sidebar {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    margin: 0 !important;
  }

  /* reset margin random bawaan theme */
  body.single-company .single-company__content-area > *,
  body.single-company .single-company__sidebar > *,
  body.single-company .single-company__inner > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* card-card utama */
  body.single-company .company-description,
  body.single-company .company-overview,
  body.single-company .company-jobs,
  body.single-company .single-company__content-area .widget,
  body.single-company .single-company__sidebar .widget {
    margin: 0 !important;
  }

  /* kalau lowongan aktif/card list di dalamnya terlalu mepet */
  body.single-company .company-jobs .job_listings,
  body.single-company .company-jobs .job_listings.list {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company .company-jobs .job_listing,
  body.single-company .company-jobs .job_listings .job_listing {
    margin: 0 !important;
  }
}


/* INFOKRU CLEANUP NOTE: off-canvas/header experiment blocks removed on 2026-05-05. */
/* ============================================================
   INFOKRU PATCH - CUSTOM RESPONSIVE NAVIGATION
   Action: ADD after removing all old header/offcanvas patches
   Scope: tablet + mobile only
   ============================================================ */

/* Desktop: custom responsive nav hidden */
@media (min-width: 992px) {
  .infokru-responsive-nav {
    display: none !important;
  }
}

/* Tablet + Mobile */
@media (max-width: 991px) {
  /* Matikan header/offcanvas bawaan Jobhunt */
  body .site-header,
  body .off-canvas-navigation-wrapper,
  body .off-canvas-navbar-toggle-buttons,
  body .navbar-toggle-btn,
  body .navbar-toggler {
    display: none !important;
  }

  body {
    padding-top: 72px !important;
  }

  .infokru-responsive-nav {
    display: block !important;
  }

  .infokru-responsive-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;

    height: 72px !important;

    background: #ffffff !important;
    border-bottom: 1px solid #e5ecf5 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
  }

  .infokru-responsive-topbar-inner {
    width: min(100% - 32px, 1180px) !important;
    height: 100% !important;
    margin: 0 auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
  }

  .infokru-responsive-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;

    color: #003b73 !important;
    text-decoration: none !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .infokru-responsive-logo img {
    display: block !important;
    width: auto !important;
    height: 46px !important;
    max-width: 150px !important;
    object-fit: contain !important;
  }

  .infokru-responsive-tablet-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 24px !important;
  }

  .infokru-responsive-tablet-menu a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #111827 !important;
    text-decoration: none !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .infokru-responsive-tablet-menu a:hover,
  .infokru-responsive-tablet-menu a.is-active {
    color: #0057d8 !important;
  }

  .infokru-responsive-post-btn,
  .infokru-responsive-mobile-post {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;
    padding: 0 18px !important;

    border-radius: 10px !important;
    background: #0057d8 !important;
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow: none !important;
    white-space: nowrap !important;
  }

  .infokru-responsive-post-btn:hover,
  .infokru-responsive-mobile-post:hover {
    background: #0048b5 !important;
    color: #ffffff !important;
  }
}

/* Tablet: inline menu tampil, bottom nav mati */
@media (min-width: 768px) and (max-width: 991px) {
  .infokru-responsive-tablet-menu {
    display: flex !important;
  }

  .infokru-responsive-mobile-post,
  .infokru-mobile-bottom-nav {
    display: none !important;
  }
}

/* Mobile: top Post A Job + bottom nav */
@media (max-width: 767px) {
  body {
    padding-top: 66px !important;
    padding-bottom: 76px !important;
  }

  .infokru-responsive-topbar {
    height: 66px !important;
  }

  .infokru-responsive-topbar-inner {
    width: calc(100% - 28px) !important;
  }

  .infokru-responsive-logo img {
    height: 40px !important;
    max-width: 132px !important;
  }

  .infokru-responsive-tablet-menu {
    display: none !important;
  }

  .infokru-responsive-mobile-post {
    display: inline-flex !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  .infokru-mobile-bottom-nav {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    z-index: 99999 !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    min-height: 58px !important;

    border: 1px solid #dbe3ee !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
  }

  .infokru-mobile-bottom-nav a {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;

    color: #64748b !important;
    text-decoration: none !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  .infokru-mobile-bottom-nav a + a {
    border-left: 1px solid #eef2f7 !important;
  }

  .infokru-mobile-bottom-nav .infokru-bottom-icon {
    display: block !important;
    color: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .infokru-mobile-bottom-nav a.is-active {
    color: #0057d8 !important;
    background: #f5f9ff !important;
  }

  .infokru-mobile-bottom-nav a.is-active::after {
    content: "" !important;
    position: absolute !important;
    left: 28% !important;
    right: 28% !important;
    bottom: 0 !important;

    height: 3px !important;
    border-radius: 999px 999px 0 0 !important;
    background: #0057d8 !important;
  }
}

/* Admin bar offset */
@media (max-width: 991px) {
  body.admin-bar .infokru-responsive-topbar {
    top: 32px !important;
  }
}

@media (max-width: 782px) {
  body.admin-bar .infokru-responsive-topbar {
    top: 46px !important;
  }
}
/* ============================================================
   INFOKRU - Hide Scroll To Top on Mobile
   Action: ADD ONLY
   Reason: conflict with mobile bottom navigation
   ============================================================ */

@media (max-width: 767px) {
  #scrollUp {
    bottom: 92px !important;
    right: 18px !important;
  }
}
/* ============================================================
   INFOKRU - Tablet Post A Job Button Match Desktop
   Action: ADD ONLY
   Scope: tablet only
   ============================================================ */

@media (min-width: 768px) and (max-width: 991px) {
  .infokru-responsive-tablet-menu .infokru-responsive-post-btn,
  .site-header .post-a-job a,
  .site-header a[href*="post-a-job"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-height: 46px !important;
    padding: 0 24px !important;

    border-radius: 4px !important;
    background: #0057d8 !important;
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow: none !important;
  }

  .infokru-responsive-tablet-menu .infokru-responsive-post-btn::before,
  .site-header .post-a-job a::before,
  .site-header a[href*="post-a-job"]::before {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  .infokru-responsive-tablet-menu .infokru-responsive-post-btn:hover,
  .site-header .post-a-job a:hover,
  .site-header a[href*="post-a-job"]:hover {
    background: #0048b5 !important;
    color: #ffffff !important;
  }
}
/* ============================================================
   INFOKRU - COMPANY DETAIL MOBILE HERO EXACT FIX
   Action: REPLACE old mobile top card patch
   Scope: company detail mobile only
   ============================================================ */

@media (max-width: 767px) {

  body.single-company .single-company__head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    padding: 24px 22px !important;
    gap: 18px !important;

    text-align: center !important;
    box-sizing: border-box !important;
  }
/* ============================================================
   INFOKRU - COMPANY DETAIL MOBILE CARD SPACING V2
   Action: REPLACE old mobile spacing patch
   Scope: company detail mobile only
   ============================================================ */

@media (max-width: 767px) {

  /* Hero card atas: kasih jarak ke card berikutnya */
  body.single-company .single-company__head {
    margin: 0 0 20px !important;
  }

  /* Wrapper bawah hero */
  body.single-company .single-company__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* Area isi */
  body.single-company .single-company__content-area,
  body.single-company .single-company__sidebar {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* Reset margin liar dari theme */
  body.single-company #company_description,
  body.single-company #company-job_listings,
  body.single-company .company-overview {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Kalau ada wrapper bawaan yang kasih jarak beda-beda */
  body.single-company .single-company__content-area > *,
  body.single-company .single-company__sidebar > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Jaga jarak internal card tetap enak */
  body.single-company #company_description,
  body.single-company #company-job_listings,
  body.single-company .company-overview {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  /* Judul card jangan nambah margin atas */
  body.single-company #company_description h2,
  body.single-company #company-job_listings h2,
  body.single-company .company-overview h2 {
    margin-top: 0 !important;
  }
}
  body.single-company .company-single-head__left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company .single-company__head .company-logo {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 8px !important;

    border-radius: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.single-company .single-company__head .company-logo img {
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }

  body.single-company .single-company__head .company-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.single-company .single-company__head .infokru-company-detail-verified {
    order: 1 !important;
    margin: 0 !important;
  }

  body.single-company .single-company__head .company-name {
    order: 2 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 26px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body.single-company .single-company__head .open-positions {
    order: 3 !important;
    width: auto !important;
    margin: 0 !important;
  }

  body.single-company .company-single-head__right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    gap: 12px !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 0 !important;
    border-radius: 999px !important;
    background: #f3f6fb !important;
    box-shadow: none !important;

    color: #111827 !important;
    box-sizing: border-box !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location i {
    margin: 0 !important;
    color: #0057d8 !important;
    font-size: 16px !important;
  }

  body.single-company .company-single-head__right .infokru-company-right-location a.company-location {
    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  /* ini sumber box merah/kosong */
  body.single-company .company-single-head__right .company-location-map {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
  }

  body.single-company .company-single-head__right .company-location-map > i {
    display: none !important;
  }

  body.single-company .company-single-head__right .company-location-map a.company-location {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 0 !important;
    border-radius: 14px !important;
    background: #0057d8 !important;
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.single-company .company-single-head__right .company-location-map a.company-location:hover {
    background: #0048b5 !important;
    color: #ffffff !important;
  }
}
/* =========================================================
   COMPANY DETAIL - MOBILE ACTIVE JOB CARD REFINED
   Hapus patch mobile card lama, ganti pakai block ini
   ========================================================= */
@media (max-width: 767px) {

  body.single-company #company-job_listings ul.job_listings,
  body.single-company #company-job_listings .job_listings {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company #company-job_listings ul.job_listings li.job_listing,
  body.single-company #company-job_listings .job_listing {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company #company-job_listings ul.job_listings li.job_listing > a,
  body.single-company #company-job_listings .job_listing > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    width: 100% !important;
    padding: 22px 20px !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  /* Semua konten default rata kiri */
  body.single-company #company-job_listings ul.job_listings li.job_listing > a * {
    text-align: left !important;
  }

  /* Judul */
  body.single-company #company-job_listings .position,
  body.single-company #company-job_listings .job_listing-title,
  body.single-company #company-job_listings h3 {
    width: 100% !important;
    margin: 0 0 2px 0 !important;
    line-height: 1.3 !important;
  }

  /* Company */
  body.single-company #company-job_listings .company,
  body.single-company #company-job_listings .company-name {
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  /* Lokasi utama */
  body.single-company #company-job_listings .location,
  body.single-company #company-job_listings .job-location {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  /* Salary pill */
  body.single-company #company-job_listings .infokru-job-salary,
  body.single-company #company-job_listings .job-salary,
  body.single-company #company-job_listings .salary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: flex-start !important;
    margin: 2px 0 4px 0 !important;
    text-align: left !important;
  }

  /* Meta bawah dibikin satu row */
  body.single-company #company-job_listings .job-meta-bottom,
  body.single-company #company-job_listings .meta.job-bottom,
  body.single-company #company-job_listings .job_listing .meta {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin-top: 4px !important;
  }

  /* Vessel pill */
  body.single-company #company-job_listings .job-type,
  body.single-company #company-job_listings .vessel-type,
  body.single-company #company-job_listings .meta.job-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* Posted date */
  body.single-company #company-job_listings .date,
  body.single-company #company-job_listings .posted-date,
  body.single-company #company-job_listings time {
    margin: 0 !important;
    width: auto !important;
    text-align: right !important;
    white-space: nowrap !important;
    margin-left: auto !important;
  }

  /* Kalau lokasi kedua muncul lagi di bawah, hide biar gak dobel */
  body.single-company #company-job_listings .job_listing > a .location + .location,
  body.single-company #company-job_listings .job_listing > a .job-location + .job-location {
    display: none !important;
  }

  /* Kalau meta wrapper bawaan theme bikin kacau */
  body.single-company #company-job_listings .job_listing .meta > .location {
    display: none !important;
  }

  /* Biar pill & date gak ngambang */
  body.single-company #company-job_listings .job_listing .meta > .job-type,
  body.single-company #company-job_listings .job_listing .meta > .vessel-type,
  body.single-company #company-job_listings .job_listing .meta > time,
  body.single-company #company-job_listings .job_listing .meta > .date {
    flex: 0 0 auto !important;
  }
}
/* ============================================================
   COMPANY DETAIL MOBILE - Active Job Card Compact V2
   Action: REPLACE company/location polish block
   Scope: single company detail / mobile only
   ============================================================ */

@media (max-width: 767px) {

  /* outer list reset */
  body.single-company #company-job_listings ul.job_listings,
  body.single-company #company-job_listings .job_listings {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company #company-job_listings ul.job_listings li.job_listing,
  body.single-company #company-job_listings .job_listing {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* card content: lebih tipis dan lebih rectangle */
  body.single-company #company-job_listings ul.job_listings li.job_listing > a,
  body.single-company #company-job_listings .job_listing > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;
    min-height: 0 !important;

    padding: 18px 22px !important;
    gap: 7px !important;

    text-align: left !important;
    box-sizing: border-box !important;
  }

  /* title */
  body.single-company #company-job_listings h3,
  body.single-company #company-job_listings .position,
  body.single-company #company-job_listings .job_listing-title {
    width: 100% !important;
    margin: 0 0 2px !important;

    font-size: 17px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  /* company */
  body.single-company #company-job_listings .company,
  body.single-company #company-job_listings .company-name {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.25 !important;
    text-align: left !important;
  }

  /* location */
  body.single-company #company-job_listings .location,
  body.single-company #company-job_listings .job-location {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;

    width: 100% !important;
    margin: -2px 0 8px !important;
    padding: 0 !important;

    line-height: 1.25 !important;
    text-align: left !important;
  }

  /* salary pill: jangan bikin gap bawah kegedean */
  body.single-company #company-job_listings .infokru-job-salary,
  body.single-company #company-job_listings .job-salary,
  body.single-company #company-job_listings .salary {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;

    margin: 2px 0 14px !important;
    padding: 8px 14px !important;

    font-size: 13px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  /* baris bawah: vessel kiri, tanggal kanan */
  body.single-company #company-job_listings .job_listing .meta,
  body.single-company #company-job_listings .job_listing .job-meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-company #company-job_listings .job-type,
  body.single-company #company-job_listings .vessel-type,
  body.single-company #company-job_listings .meta.job-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 8px 14px !important;

    font-size: 13px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  body.single-company #company-job_listings .date,
  body.single-company #company-job_listings .posted-date,
  body.single-company #company-job_listings time {
    margin: 0 !important;
    width: auto !important;

    font-size: 13px !important;
    line-height: 1.15 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  /* hilangin duplicate location kalau masuk ke meta bawah */
  body.single-company #company-job_listings .job_listing .meta > .location,
  body.single-company #company-job_listings .job_listing .meta > .job-location {
    display: none !important;
  }
}
/* ============================================================
   INFOKRU - FORCE POST A JOB UI V3
   ============================================================ */

body.page-id-505 .site-content-page-header {
  background: transparent !important;
  padding: 42px 0 8px !important;
}

body.page-id-505 .site-content-page-title {
  text-align: center !important;
  color: #111827 !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body.page-id-505 .page-header-aside {
  display: none !important;
}

body.page-id-505 .entry-content {
  max-width: 980px !important;
  margin: 0 auto 84px !important;
  padding: 0 18px !important;
}

body.page-id-505 #submit-job-form.job-manager-form {
  width: 100% !important;
  margin: 28px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-id-505 #submit-job-form .infokru-hidden-native-field {
  display: none !important;
}

/* account */
body.page-id-505 #submit-job-form .fieldset-logged_in {
  margin: 0 0 22px !important;
  padding: 16px 18px !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 14px !important;
  background: #eff6ff !important;
}

body.page-id-505 #submit-job-form .account-sign-in {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  color: #1e3a8a !important;
  font-size: 13px !important;
}

body.page-id-505 #submit-job-form .account-sign-in .button {
  min-height: 38px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #0057d8 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* section cards */
body.page-id-505 #submit-job-form .infokru-postjob-section {
  margin: 0 0 22px !important;
  padding: 32px !important;
  background: #fff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055) !important;
}

body.page-id-505 #submit-job-form .infokru-postjob-section h2 {
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.page-id-505 #submit-job-form .infokru-postjob-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.page-id-505 #submit-job-form .infokru-postjob-grid fieldset {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.page-id-505 #submit-job-form .fieldset-job_title,
body.page-id-505 #submit-job-form .fieldset-job_description,
body.page-id-505 #submit-job-form .fieldset-infokru_whatsapp_hrd {
  grid-column: 1 / -1 !important;
}

body.page-id-505 #submit-job-form fieldset label {
  display: block !important;
  margin: 0 0 10px !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.page-id-505 #submit-job-form .infokru-required-star {
  color: #e11d48 !important;
}

body.page-id-505 #submit-job-form input[type="text"],
body.page-id-505 #submit-job-form input[type="email"],
body.page-id-505 #submit-job-form input[type="url"],
body.page-id-505 #submit-job-form input[type="tel"],
body.page-id-505 #submit-job-form input[type="date"],
body.page-id-505 #submit-job-form select,
body.page-id-505 #submit-job-form textarea,
body.page-id-505 #submit-job-form .select2-selection {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  border: 1px solid #d9dee8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

body.page-id-505 #submit-job-form textarea {
  min-height: 190px !important;
  padding: 18px !important;
  resize: vertical !important;
}

/* editor safety */
body.page-id-505 #submit-job-form .wp-editor-wrap {
  border: 1px solid #d9dee8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

body.page-id-505 #submit-job-form .wp-editor-container,
body.page-id-505 #submit-job-form .mce-tinymce {
  border: 0 !important;
}

/* actions */
body.page-id-505 #submit-job-form .infokru-postjob-actions {
  display: flex !important;
  gap: 12px !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

body.page-id-505 #submit-job-form .infokru-postjob-actions input[type="submit"],
body.page-id-505 #submit-job-form .infokru-postjob-actions .button {
  min-height: 56px !important;
  padding: 0 26px !important;
  border: 1px solid #0057d8 !important;
  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

body.page-id-505 #submit-job-form .infokru-postjob-actions input[name="save_draft"] {
  background: #fff !important;
  color: #0057d8 !important;
}

/* mobile */
@media (max-width: 767px) {
  body.page-id-505 .site-content-page-title {
    font-size: 30px !important;
  }

  body.page-id-505 .entry-content {
    padding: 0 14px !important;
    margin-bottom: 72px !important;
  }

  body.page-id-505 #submit-job-form .account-sign-in {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.page-id-505 #submit-job-form .infokru-postjob-section {
    padding: 22px !important;
    border-radius: 16px !important;
    margin-bottom: 18px !important;
  }

  body.page-id-505 #submit-job-form .infokru-postjob-section h2 {
    font-size: 21px !important;
    margin-bottom: 18px !important;
  }

  body.page-id-505 #submit-job-form .infokru-postjob-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.page-id-505 #submit-job-form input[type="text"],
  body.page-id-505 #submit-job-form input[type="email"],
  body.page-id-505 #submit-job-form input[type="url"],
  body.page-id-505 #submit-job-form input[type="tel"],
  body.page-id-505 #submit-job-form input[type="date"],
  body.page-id-505 #submit-job-form select,
  body.page-id-505 #submit-job-form textarea {
    min-height: 54px !important;
    font-size: 15px !important;
  }

  body.page-id-505 #submit-job-form .infokru-postjob-actions {
    flex-direction: column !important;
  }

  body.page-id-505 #submit-job-form .infokru-postjob-actions input[type="submit"],
  body.page-id-505 #submit-job-form .infokru-postjob-actions .button {
    width: 100% !important;
  }
}
/* ============================================================
   INFOKRU - POST A JOB Hide Duplicate Fields Outside Cards
   Action: ADD ONLY
   ============================================================ */

body.page-id-505 #submit-job-form > .fieldset-join_date,
body.page-id-505 #submit-job-form > .fieldset-closing_date,
body.page-id-505 #submit-job-form > .fieldset-whatsapp_hrd,
body.page-id-505 #submit-job-form > .fieldset-infokru_join_date,
body.page-id-505 #submit-job-form > .fieldset-infokru_closing_date,
body.page-id-505 #submit-job-form > .fieldset-infokru_whatsapp_hrd {
  display: none !important;
}
/* ============================================================
   INFOKRU - POST A JOB FINAL HEADER + CTA POLISH
   Action: ADD ONLY
   ============================================================ */

/* Hide native page header */
body.page-id-505 .site-content-page-header {
  display: none !important;
}

/* Hide account box */
body.page-id-505 #submit-job-form .fieldset-logged_in {
  display: none !important;
}

/* Figma-like heading */
body.page-id-505 .infokru-postjob-hero-title {
  max-width: 980px !important;
  margin: 54px auto 34px !important;
  padding: 0 18px !important;
  text-align: center !important;
}

body.page-id-505 .infokru-postjob-ship-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 58px !important;
  height: 58px !important;
  margin-bottom: 12px !important;

  color: #0f4675 !important;
  font-size: 42px !important;
  line-height: 1 !important;
}

body.page-id-505 .infokru-postjob-hero-title h1 {
  margin: 0 0 10px !important;

  color: #111827 !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
}

body.page-id-505 .infokru-postjob-hero-title p {
  margin: 0 !important;

  color: #64748b !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

/* Hide Save Draft */
body.page-id-505 #submit-job-form input[name="save_draft"] {
  display: none !important;
}

/* Make submit area Figma-like */
body.page-id-505 #submit-job-form .infokru-postjob-actions,
body.page-id-505 #submit-job-form .infokru-native-actions {
  display: block !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

/* Main CTA full width */
body.page-id-505 #submit-job-form input[name="submit_job"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 64px !important;
  padding: 0 24px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #0f4675 !important;
  color: #ffffff !important;

  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: none !important;
  cursor: pointer !important;
}

body.page-id-505 #submit-job-form input[name="submit_job"]:hover {
  background: #0b365c !important;
  color: #ffffff !important;
}

/* Add review note below CTA */
body.page-id-505 #submit-job-form .infokru-postjob-actions::after,
body.page-id-505 #submit-job-form .infokru-native-actions::after {
  content: "Your job listing will be reviewed before it goes live on our platform." !important;
  display: block !important;

  margin-top: 20px !important;

  color: #64748b !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-505 .infokru-postjob-hero-title {
    margin: 34px auto 26px !important;
    padding: 0 14px !important;
  }

  body.page-id-505 .infokru-postjob-ship-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 36px !important;
  }

  body.page-id-505 .infokru-postjob-hero-title h1 {
    font-size: 30px !important;
  }

  body.page-id-505 .infokru-postjob-hero-title p {
    font-size: 15px !important;
  }

  body.page-id-505 #submit-job-form input[name="submit_job"] {
    min-height: 56px !important;
    font-size: 17px !important;
  }
}
/* ============================================================
   INFOKRU - POST A JOB GUEST LOGIN STATE
   Action: ADD ONLY
   ============================================================ */

body.page-id-505 #submit-job-form.infokru-postjob-guest-only {
  max-width: 760px !important;
  margin: 0 auto 84px !important;
  padding: 0 18px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-id-505 .infokru-postjob-auth-card {
  padding: 34px !important;

  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055) !important;

  text-align: center !important;
}

body.page-id-505 .infokru-postjob-auth-card h2 {
  margin: 0 0 10px !important;

  color: #111827 !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.page-id-505 .infokru-postjob-auth-card p {
  max-width: 520px !important;
  margin: 0 auto 24px !important;

  color: #64748b !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

body.page-id-505 .infokru-postjob-auth-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.page-id-505 .infokru-auth-login-btn,
body.page-id-505 .infokru-auth-register-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 48px !important;
  padding: 0 24px !important;

  border-radius: 10px !important;
  border: 1px solid #0057d8 !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.page-id-505 .infokru-auth-login-btn {
  background: #0057d8 !important;
  color: #ffffff !important;
}

body.page-id-505 .infokru-auth-register-btn {
  background: #ffffff !important;
  color: #0057d8 !important;
}

body.page-id-505 .infokru-auth-login-btn:hover {
  background: #0048b5 !important;
  color: #ffffff !important;
}

body.page-id-505 .infokru-auth-register-btn:hover {
  background: #eff6ff !important;
  color: #0057d8 !important;
}

@media (max-width: 767px) {
  body.page-id-505 #submit-job-form.infokru-postjob-guest-only {
    padding: 0 14px !important;
    margin-bottom: 72px !important;
  }

  body.page-id-505 .infokru-postjob-auth-card {
    padding: 24px !important;
    border-radius: 16px !important;
  }

  body.page-id-505 .infokru-postjob-auth-card h2 {
    font-size: 22px !important;
  }

  body.page-id-505 .infokru-postjob-auth-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.page-id-505 .infokru-auth-login-btn,
  body.page-id-505 .infokru-auth-register-btn {
    width: 100% !important;
  }
}
/* ============================================================
   INFOKRU - LOGIN / REGISTER PAGE
   Scope: [infokru_login_register]
   ============================================================ */

.infokru-auth-page {
  max-width: 980px !important;
  margin: 54px auto 84px !important;
  padding: 0 18px !important;
}

.infokru-auth-heading {
  text-align: center !important;
  margin-bottom: 34px !important;
}

.infokru-auth-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 58px !important;
  height: 58px !important;
  margin-bottom: 12px !important;

  color: #0f4675 !important;
  font-size: 42px !important;
  line-height: 1 !important;
}

.infokru-auth-heading h1 {
  margin: 0 0 10px !important;
  color: #111827 !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
}

.infokru-auth-heading p {
  margin: 0 auto !important;
  max-width: 620px !important;
  color: #64748b !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

.infokru-auth-alert {
  margin: 0 0 22px !important;
  padding: 16px 18px !important;
  border-radius: 14px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

.infokru-auth-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.infokru-auth-card {
  padding: 32px !important;
  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055) !important;
}

.infokru-auth-card h2 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.infokru-auth-card p {
  margin: 0 0 22px !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.infokru-auth-card label {
  display: block !important;
  margin: 0 0 9px !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.infokru-auth-card input[type="text"],
.infokru-auth-card input[type="email"],
.infokru-auth-card input[type="password"] {
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 0 18px !important;
  padding: 0 16px !important;

  border: 1px solid #d9dee8 !important;
  border-radius: 10px !important;

  background: #ffffff !important;
  color: #111827 !important;

  font-size: 15px !important;
  font-weight: 500 !important;

  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.infokru-auth-card input:focus {
  border-color: #0057d8 !important;
  box-shadow: 0 0 0 3px rgba(0, 87, 216, 0.1) !important;
}

.infokru-auth-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
  color: #64748b !important;
  font-size: 13px !important;
}

.infokru-auth-check input {
  margin: 0 !important;
}

.infokru-auth-card button,
.infokru-auth-main-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 54px !important;
  padding: 0 22px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #0f4675 !important;
  color: #ffffff !important;

  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.infokru-auth-card button:hover,
.infokru-auth-main-btn:hover {
  background: #0b365c !important;
  color: #ffffff !important;
}

.infokru-auth-loggedin {
  max-width: 620px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

@media (max-width: 767px) {
  .infokru-auth-page {
    margin: 34px auto 72px !important;
    padding: 0 14px !important;
  }

  .infokru-auth-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 36px !important;
  }

  .infokru-auth-heading h1 {
    font-size: 30px !important;
  }

  .infokru-auth-heading p {
    font-size: 15px !important;
  }

  .infokru-auth-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .infokru-auth-card {
    padding: 24px !important;
    border-radius: 16px !important;
  }

  .infokru-auth-card h2 {
    font-size: 21px !important;
  }
}
/* ============================================================
   INFOKRU - POST A JOB DESKTOP HEADER EXACT FIX
   Action: REPLACE previous post-a-job header patch
   Scope: Post A Job desktop header links only
   ============================================================ */

@media (min-width: 992px) {

  html body.page-id-505 header a[href$="/jobs/"],
  html body.page-id-505 header a[href$="/companies/"] {
    color: #111827 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: color 0.18s ease !important;
  }

  html body.page-id-505 header a[href$="/jobs/"]:hover,
  html body.page-id-505 header a[href$="/companies/"]:hover {
    color: #0057d8 !important;
  }

  html body.page-id-505 header a[href$="/post-a-job/"],
  html body.page-id-505 header a[href$="/post-a-job/"] span {
    color: #ffffff !important;
    font-weight: 900 !important;
  }

  html body.page-id-505 header a[href$="/post-a-job/"]:hover,
  html body.page-id-505 header a[href$="/post-a-job/"]:hover span {
    color: #ffffff !important;
  }
}
/* ============================================================
   INFOKRU - JOB DETAIL MOBILE WA CTA + BOTTOM NAV FINAL
   Action: REPLACE all old job detail WA/mobile bottom blocks
   Scope: single job detail mobile only
   ============================================================ */

@media (max-width: 767px) {

  /* Jangan kasih padding ke body, ini penyebab white space setelah footer */
  body.single-job_listing {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }


  /* Ruang bawah hanya untuk konten job detail, bukan body/footer */
  body.single-job_listing .site-content,
  body.single-job_listing .content-area,
  body.single-job_listing .site-main,
  body.single-job_listing main,
  body.single-job_listing article.job_listing,
  body.single-job_listing .single_job_listing {
    padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important;
    margin-bottom: 0 !important;
  }

  /* Bottom nav tetap pakai layout asli, cuma dinaikkan aman */
  body.single-job_listing .infokru-mobile-bottom-nav {
    bottom: calc(18px + env(safe-area-inset-bottom)) !important;
    z-index: 99999 !important;
  }

  /* CTA WhatsApp compact */
  body.single-job_listing a.infokru-detail-wa {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom)) !important;

    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;

    z-index: 99998 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    width: auto !important;
    min-width: 250px !important;
    max-width: calc(100vw - 44px) !important;
    min-height: 52px !important;

    padding: 0 24px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: #25D366 !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.24) !important;

    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  /* Fix pas tombol diklik: jangan geser kanan */
  body.single-job_listing a.infokru-detail-wa:hover,
  body.single-job_listing a.infokru-detail-wa:focus,
  body.single-job_listing a.infokru-detail-wa:active,
  body.single-job_listing a.infokru-detail-wa:visited {
    left: 50% !important;
    right: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom)) !important;

    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;

    background: #1ebe5d !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  body.single-job_listing a.infokru-detail-wa i {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  /* Scroll-to-top jangan rebutan area bawah */
  body.single-job_listing .scroll-to-top,
  body.single-job_listing #scrollUp,
  body.single-job_listing .back-to-top {
    display: none !important;
  }
}
/* ============================================================
   INFOKRU - POST A JOB USERBAR / SIGN OUT
   Action: ADD ONLY
   ============================================================ */

body.page-id-505 .infokru-postjob-userbar,
body:has(#submit-job-form) .infokru-postjob-userbar {
  max-width: 980px !important;
  margin: -16px auto 22px !important;
  padding: 12px 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 14px !important;

  color: #1e3a8a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.page-id-505 .infokru-postjob-userbar strong,
body:has(#submit-job-form) .infokru-postjob-userbar strong {
  color: #111827 !important;
  font-weight: 900 !important;
}

body.page-id-505 .infokru-postjob-userbar a,
body:has(#submit-job-form) .infokru-postjob-userbar a {
  color: #0057d8 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.page-id-505 .infokru-postjob-userbar a:hover,
body:has(#submit-job-form) .infokru-postjob-userbar a:hover {
  color: #0048b5 !important;
}

@media (max-width: 767px) {
  body.page-id-505 .infokru-postjob-userbar,
  body:has(#submit-job-form) .infokru-postjob-userbar {
    margin: -10px 14px 18px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
/* Login/Register logged-in logout button */
.infokru-auth-logout-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 50px !important;
  margin-top: 12px !important;
  padding: 0 22px !important;

  border: 1px solid #0057d8 !important;
  border-radius: 10px !important;

  background: #ffffff !important;
  color: #0057d8 !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.infokru-auth-logout-btn:hover {
  background: #eff6ff !important;
  color: #0057d8 !important;
}
/* ============================================================
   INFOKRU - MOBILE FOOTER + BOTTOM NAV + JOB DETAIL WA FINAL
   Action: ADD ONLY after removing old footer / WA mobile patches
   Scope: all mobile pages + job detail WA CTA
   ============================================================ */

@media (max-width: 767px) {

  /* Basic mobile safety */
  html,
  body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  /* Bottom nav global: tetap muncul dan aman dari bawah layar */
  .infokru-mobile-bottom-nav {
    bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    z-index: 99999 !important;
  }

  /* Footer harus tetap tampil di semua halaman, termasuk job detail */
  .site-footer,
  footer,
  #colophon,
  .footer,
  .footer-v1,
  .footer-v2,
  .footer-v3,
  .site-footer-v1,
  .site-footer-v2 {
    display: block !important;
    visibility: visible !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-bottom: 0 !important;

    /* Ruang aman untuk bottom nav. Ini di dalam footer, jadi bukan white space body */
    padding-bottom: calc(108px + env(safe-area-inset-bottom)) !important;

    background: #233650 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  /* Pastikan container footer nggak melebar */
  .site-footer *,
  footer *,
  #colophon * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Teks footer bawah jangan keluar area */
  .site-footer .site-info,
  .site-footer .copyright,
  .site-footer .copyright-bar,
  .site-footer .footer-copyright,
  .site-footer .footer-copyright-bar,
  .site-footer .footer-bottom-bar,
  .site-footer .footer-bottom,
  footer .site-info,
  footer .copyright,
  footer .copyright-bar,
  footer .footer-copyright,
  footer .footer-copyright-bar,
  footer .footer-bottom-bar,
  footer .footer-bottom,
  #colophon .site-info,
  #colophon .copyright,
  #colophon .copyright-bar,
  #colophon .footer-copyright,
  #colophon .footer-copyright-bar,
  #colophon .footer-bottom-bar,
  #colophon .footer-bottom {
    width: 100% !important;
    max-width: 100% !important;

    padding-left: 18px !important;
    padding-right: 18px !important;

    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;

    line-height: 1.65 !important;
    box-sizing: border-box !important;
  }

  .site-footer p,
  footer p,
  #colophon p {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;

    line-height: 1.65 !important;
  }

  /* Tombol scroll-to-top global mobile disembunyikan karena bentrok bottom nav */
  .scroll-to-top,
  .scrollup,
  .scroll-top,
  .back-to-top,
  .go-to-top,
  #scrollUp,
  a[href="#top"],
  a[href="#page"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* ============================================================
   INFOKRU - JOB DETAIL MOBILE WHATSAPP CTA ONLY
   Scope: single job detail mobile
   ============================================================ */

@media (max-width: 767px) {

  /* Jangan hide footer di job detail */
  body.single-job_listing .site-footer,
  body.single-job_listing footer,
  body.single-job_listing #colophon,
  body.single-job_listing .footer,
  body.single-job_listing .footer-v1,
  body.single-job_listing .footer-v2,
  body.single-job_listing .footer-v3,
  body.single-job_listing .site-footer-v1,
  body.single-job_listing .site-footer-v2 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    background: #233650 !important;
  }

  /* Kasih ruang di akhir konten supaya tidak ketiban WA CTA */
  body.single-job_listing .site-content,
  body.single-job_listing .content-area,
  body.single-job_listing .site-main,
  body.single-job_listing main,
  body.single-job_listing article.job_listing,
  body.single-job_listing .single_job_listing {
    padding-bottom: 118px !important;
    margin-bottom: 0 !important;
  }

  /* CTA WhatsApp compact */
  body.single-job_listing a.infokru-detail-wa {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom)) !important;

    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;

    z-index: 99998 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    width: auto !important;
    min-width: 250px !important;
    max-width: calc(100vw - 44px) !important;
    min-height: 52px !important;

    padding: 0 24px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: #25D366 !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.24) !important;

    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  /* Fix pas diklik: jangan geser kanan */
  body.single-job_listing a.infokru-detail-wa:hover,
  body.single-job_listing a.infokru-detail-wa:focus,
  body.single-job_listing a.infokru-detail-wa:active,
  body.single-job_listing a.infokru-detail-wa:visited {
    left: 50% !important;
    right: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom)) !important;

    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;

    background: #1ebe5d !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  body.single-job_listing a.infokru-detail-wa i {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
}
/* =========================================================
   INFOKRU - FOOTER MOBILE SAFE AREA FINAL
   Scope: mobile footer + bottom nav only
   ========================================================= */

@media (max-width: 767px) {

  .site-footer,
  footer,
  #colophon {
    position: relative !important;
    overflow: hidden !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }

  .site-footer .site-info,
  .site-footer .footer-bottom,
  .site-footer .copyright,
  .site-footer .copyright-bar,
  .site-footer .footer-bottom-bar,
  footer .site-info,
  footer .footer-bottom,
  footer .copyright,
  footer .copyright-bar,
  footer .footer-bottom-bar,
  #colophon .site-info,
  #colophon .footer-bottom,
  #colophon .copyright,
  #colophon .copyright-bar,
  #colophon .footer-bottom-bar {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 18px 18px 0 !important;

    text-align: center !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;

    box-sizing: border-box !important;
  }

  .site-footer .site-info p,
  .site-footer .footer-bottom p,
  .site-footer .copyright p,
  footer .site-info p,
  footer .footer-bottom p,
  footer .copyright p,
  #colophon .site-info p,
  #colophon .footer-bottom p,
  #colophon .copyright p {
    margin: 0 auto !important;
    text-align: center !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    max-width: 100% !important;
  }

  .infokru-mobile-bottom-nav {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    z-index: 99999 !important;
  }
}
/* ============================================================
   INFOKRU - MOBILE FOOTER COPYRIGHT AREA FIX
   Action: ADD ONLY
   Scope: footer bottom text mobile only
   ============================================================ */

@media (max-width: 767px) {

  /* Area paling bawah footer/copyright harus auto-height, jangan fixed */
  .site-footer .site-info,
  .site-footer .copyright,
  .site-footer .copyright-bar,
  .site-footer .footer-copyright,
  .site-footer .footer-copyright-bar,
  .site-footer .footer-bottom,
  .site-footer .footer-bottom-bar,
  footer .site-info,
  footer .copyright,
  footer .copyright-bar,
  footer .footer-copyright,
  footer .footer-copyright-bar,
  footer .footer-bottom,
  footer .footer-bottom-bar,
  #colophon .site-info,
  #colophon .copyright,
  #colophon .copyright-bar,
  #colophon .footer-copyright,
  #colophon .footer-copyright-bar,
  #colophon .footer-bottom,
  #colophon .footer-bottom-bar {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: block !important;
    overflow: visible !important;

    padding: 38px 18px 38px !important;
    margin: 0 !important;

    background: #1d2d44 !important;
    color: #9aa8bd !important;

    text-align: center !important;
    line-height: 1.65 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;

    box-sizing: border-box !important;
  }

  /* Teks/paragraf di dalam area copyright */
  .site-footer .site-info p,
  .site-footer .copyright p,
  .site-footer .footer-copyright p,
  .site-footer .footer-bottom p,
  footer .site-info p,
  footer .copyright p,
  footer .footer-copyright p,
  footer .footer-bottom p,
  #colophon .site-info p,
  #colophon .copyright p,
  #colophon .footer-copyright p,
  #colophon .footer-bottom p {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #9aa8bd !important;
    text-align: center !important;
    line-height: 1.65 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;

    box-sizing: border-box !important;
  }

  /* Kalau text copyright/disclaimer bukan di dalam p */
  .site-footer .site-info *,
  .site-footer .footer-copyright *,
  .site-footer .footer-bottom *,
  footer .site-info *,
  footer .footer-copyright *,
  footer .footer-bottom *,
  #colophon .site-info *,
  #colophon .footer-copyright *,
  #colophon .footer-bottom * {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
  }
}
/* ============================================================
   INFOKRU - HOMEPAGE ANCHOR OFFSET
   For /#browse-rank and /#browse-vessel-type
   ============================================================ */

.infokru-anchor-target {
  scroll-margin-top: 110px !important;
}

@media (max-width: 767px) {
  .infokru-anchor-target {
    scroll-margin-top: 88px !important;
  }
}
/* ============================================================
   INFOKRU - STATIC PAGE DESKTOP HEADER MENU FIX
   Scope: regular pages like Terms / Privacy / Login Register
   ============================================================ */

@media (min-width: 992px) {

  body.page .site-header header a[href$="/jobs/"],
  body.page .site-header header a[href$="/companies/"],
  body.page header a[href$="/jobs/"],
  body.page header a[href$="/companies/"] {
    color: #111827 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: color 0.18s ease !important;
  }

  body.page .site-header header a[href$="/jobs/"]:hover,
  body.page .site-header header a[href$="/companies/"]:hover,
  body.page header a[href$="/jobs/"]:hover,
  body.page header a[href$="/companies/"]:hover {
    color: #0057d8 !important;
  }

  body.page .site-header header a[href$="/post-a-job/"],
  body.page .site-header header a[href$="/post-a-job/"] span,
  body.page header a[href$="/post-a-job/"],
  body.page header a[href$="/post-a-job/"] span {
    color: #ffffff !important;
    font-weight: 900 !important;
  }

  body.page .site-header header a[href$="/post-a-job/"]:hover,
  body.page .site-header header a[href$="/post-a-job/"]:hover span,
  body.page header a[href$="/post-a-job/"]:hover,
  body.page header a[href$="/post-a-job/"]:hover span {
    color: #ffffff !important;
  }
}
/* ============================================================
   INFOKRU - LOGIN / REGISTER TABS UI
   Action: ADD ONLY
   Scope: login-register page
   ============================================================ */

.infokru-auth-tabs {
  max-width: 620px !important;
  margin: 0 auto 18px !important;
  padding: 6px !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;

  background: #f1f5f9 !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}

.infokru-auth-tab {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 46px !important;
  padding: 0 16px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: transparent !important;
  color: #64748b !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.infokru-auth-tab.is-active {
  background: #ffffff !important;
  color: #0057d8 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

.infokru-auth-grid.infokru-tabs-ready {
  display: block !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}

.infokru-auth-grid.infokru-tabs-ready .infokru-auth-panel {
  display: none !important;
  width: 100% !important;
}

.infokru-auth-grid.infokru-tabs-ready .infokru-auth-panel.is-active {
  display: block !important;
}

.infokru-auth-grid.infokru-tabs-ready .infokru-auth-card {
  min-height: 0 !important;
}

/* Mobile polish */
@media (max-width: 767px) {
  .infokru-auth-tabs {
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  .infokru-auth-tab {
    min-height: 44px !important;
    font-size: 14px !important;
  }

  .infokru-auth-grid.infokru-tabs-ready {
    max-width: 100% !important;
  }
}
/* ============================================================
   INFOKRU - MODERN SIGNED-IN USERBAR
   Scope: Post a Job logged-in state
   ============================================================ */

body.page-id-505 .infokru-postjob-userbar,
body:has(#submit-job-form) .infokru-postjob-userbar {
  max-width: 980px !important;
  margin: -8px auto 24px !important;
  padding: 20px 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;

  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid #dbe7f5 !important;
  border-radius: 18px !important;

  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.055) !important;
  box-sizing: border-box !important;
}

body.page-id-505 .infokru-userbar-left,
body:has(#submit-job-form) .infokru-userbar-left {
  min-width: 0 !important;
}

body.page-id-505 .infokru-userbar-label,
body:has(#submit-job-form) .infokru-userbar-label {
  display: block !important;
  margin-bottom: 4px !important;

  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.page-id-505 .infokru-postjob-userbar strong,
body:has(#submit-job-form) .infokru-postjob-userbar strong {
  display: block !important;

  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.page-id-505 .infokru-postjob-userbar p,
body:has(#submit-job-form) .infokru-postjob-userbar p {
  margin: 6px 0 0 !important;

  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

body.page-id-505 .infokru-userbar-actions,
body:has(#submit-job-form) .infokru-userbar-actions {
  flex: 0 0 auto !important;
}

body.page-id-505 .infokru-userbar-logout,
body:has(#submit-job-form) .infokru-userbar-logout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 44px !important;
  padding: 0 18px !important;

  border: 1px solid #0057d8 !important;
  border-radius: 12px !important;

  background: #ffffff !important;
  color: #0057d8 !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.page-id-505 .infokru-userbar-logout:hover,
body:has(#submit-job-form) .infokru-userbar-logout:hover {
  background: #eff6ff !important;
  color: #0057d8 !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-505 .infokru-postjob-userbar,
  body:has(#submit-job-form) .infokru-postjob-userbar {
    margin: -4px 14px 20px !important;
    padding: 18px !important;

    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;

    border-radius: 16px !important;
  }

  body.page-id-505 .infokru-postjob-userbar strong,
  body:has(#submit-job-form) .infokru-postjob-userbar strong {
    font-size: 20px !important;
  }

  body.page-id-505 .infokru-userbar-logout,
  body:has(#submit-job-form) .infokru-userbar-logout {
    width: 100% !important;
  }
}
/* ============================================================
   INFOKRU - POST A JOB PREVIEW EXACT CLEAN FINAL
   Action: REPLACE all old preview CSS
   Scope: actual #job_preview structure
   ============================================================ */

body.page-id-505 form#job_preview {
  width: 100% !important;
  max-width: 880px !important;
  margin: 0 auto 84px !important;
  padding: 0 18px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* =========================
   PREVIEW HEADER
   ========================= */

body.page-id-505 form#job_preview .job_listing_preview_title {
  width: 100% !important;
  margin: 34px auto 26px !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* reset semua elemen header */
body.page-id-505 form#job_preview .job_listing_preview_title * {
  float: none !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  box-shadow: none !important;
}

/* title Preview full row */
body.page-id-505 form#job_preview .job_listing_preview_title h2 {
  grid-column: 1 / -1 !important;
  order: 1 !important;

  margin: 0 0 4px !important;
  padding: 0 !important;

  color: #111827 !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

/* Edit Listing kiri */
body.page-id-505 form#job_preview input[name="edit_job"] {
  grid-column: 1 !important;
  order: 2 !important;
  justify-self: end !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 150px !important;
  min-height: 48px !important;
  padding: 0 24px !important;

  border: 1.5px solid #ff1f6d !important;
  border-radius: 12px !important;

  background: #ffffff !important;
  color: #ff1f6d !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Submit Listing kanan */
body.page-id-505 form#job_preview input[name="continue"],
body.page-id-505 form#job_preview #job_preview_submit_button {
  grid-column: 2 !important;
  order: 3 !important;
  justify-self: start !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 160px !important;
  min-height: 48px !important;
  padding: 0 26px !important;

  border: 0 !important;
  border-radius: 12px !important;

  background: #0057d8 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: 0 10px 24px rgba(0, 87, 216, 0.18) !important;
}

body.page-id-505 form#job_preview input[name="continue"]:hover,
body.page-id-505 form#job_preview #job_preview_submit_button:hover {
  background: #0048b5 !important;
  color: #ffffff !important;
}

/* =========================
   MAIN CARD
   ========================= */

/* outer preview card utama */
body.page-id-505 form#job_preview > .job_listing_preview.single_job_listing {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 34px !important;

  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06) !important;

  box-sizing: border-box !important;
}

/* job title */
body.page-id-505 form#job_preview > .job_listing_preview.single_job_listing > h1 {
  display: block !important;

  margin: 0 0 28px !important;
  padding: 0 !important;

  color: #111827 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

/* inner wrapper jangan jadi card */
body.page-id-505 form#job_preview > .job_listing_preview.single_job_listing > .single_job_listing {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* =========================
   COMPANY SUMMARY
   ========================= */

body.page-id-505 form#job_preview .single-job-listing-company {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;

  margin: 0 0 28px !important;
  padding: 0 0 28px !important;

  border-bottom: 1px solid #e5edf7 !important;
}

/* logo box */
body.page-id-505 form#job_preview .single-job-listing-company__logo {
  width: 96px !important;
  height: 96px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-id-505 form#job_preview .single-job-listing-company__logo img,
body.page-id-505 form#job_preview img.company_logo {
  width: 96px !important;
  height: 96px !important;

  object-fit: contain !important;

  padding: 16px !important;

  background: #f8fafc !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 16px !important;

  box-sizing: border-box !important;
}

/* detail company */
body.page-id-505 form#job_preview .single-job-listing-company__details {
  min-width: 0 !important;
}

body.page-id-505 form#job_preview .single-job-listing-company__name {
  margin: 0 0 12px !important;

  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

/* location + vessel */
body.page-id-505 form#job_preview .job-location-type {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;

  margin: 0 0 12px !important;
}

body.page-id-505 form#job_preview .location {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

body.page-id-505 form#job_preview .location i {
  color: #0057d8 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body.page-id-505 form#job_preview .location a {
  color: #334155 !important;
  text-decoration: none !important;
}

/* vessel pill */
body.page-id-505 form#job_preview ul.job-types {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

body.page-id-505 form#job_preview ul.job-types li.job-type {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 36px !important;
  padding: 0 16px !important;

  border: 1.5px solid #0057d8 !important;
  border-radius: 10px !important;

  background: #ffffff !important;
  color: #0057d8 !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* posted date */
body.page-id-505 form#job_preview .single-job-listing-company__contact {
  margin: 0 !important;
}

body.page-id-505 form#job_preview .date,
body.page-id-505 form#job_preview .date time {
  color: #475569 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

/* =========================
   DESCRIPTION AREA
   ========================= */

body.page-id-505 form#job_preview .single-job-listing__inner {
  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-id-505 form#job_preview .single-job-listing__content-area {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-505 form#job_preview .single-job-listing__sidebar-area {
  display: none !important;
}

/* description */
body.page-id-505 form#job_preview .single-job-listing__description,
body.page-id-505 form#job_preview .job-description {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #334155 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.page-id-505 form#job_preview .job-description p {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  color: #334155 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.page-id-505 form#job_preview .job-description p:last-child {
  margin-bottom: 0 !important;
}

/* remove weird default divider */
body.page-id-505 form#job_preview .job-description::after,
body.page-id-505 form#job_preview .single-job-listing__description::after,
body.page-id-505 form#job_preview .single-job-listing__content-area::after {
  display: none !important;
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {
  body.page-id-505 form#job_preview {
    max-width: 100% !important;
    margin-bottom: 72px !important;
    padding: 0 14px !important;
  }

  body.page-id-505 form#job_preview .job_listing_preview_title {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 26px auto 20px !important;
  }

  body.page-id-505 form#job_preview .job_listing_preview_title h2 {
    grid-column: 1 !important;
    order: 1 !important;
    font-size: 30px !important;
  }

  body.page-id-505 form#job_preview input[name="edit_job"],
  body.page-id-505 form#job_preview input[name="continue"],
  body.page-id-505 form#job_preview #job_preview_submit_button {
    grid-column: 1 !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  body.page-id-505 form#job_preview input[name="edit_job"] {
    order: 2 !important;
  }

  body.page-id-505 form#job_preview input[name="continue"],
  body.page-id-505 form#job_preview #job_preview_submit_button {
    order: 3 !important;
  }

  body.page-id-505 form#job_preview > .job_listing_preview.single_job_listing {
    max-width: 100% !important;
    padding: 22px !important;
    border-radius: 18px !important;
  }

  body.page-id-505 form#job_preview > .job_listing_preview.single_job_listing > h1 {
    font-size: 24px !important;
    margin-bottom: 22px !important;
  }

  body.page-id-505 form#job_preview .single-job-listing-company {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.page-id-505 form#job_preview .single-job-listing-company__logo {
    width: 84px !important;
    height: 84px !important;
  }

  body.page-id-505 form#job_preview .single-job-listing-company__logo img,
  body.page-id-505 form#job_preview img.company_logo {
    width: 84px !important;
    height: 84px !important;
    padding: 14px !important;
  }

  body.page-id-505 form#job_preview .single-job-listing-company__name {
    font-size: 18px !important;
  }

  body.page-id-505 form#job_preview .job-description p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
}
/* ============================================================
   INFOKRU - POST A JOB PREVIEW CUSTOM SUMMARY GRID
   Action: ADD ONLY
   Scope: preview page
   ============================================================ */

body.page-id-505 form#job_preview .infokru-preview-summary {
  margin: 0 0 28px !important;
  padding: 0 0 28px !important;
  border-bottom: 1px solid #e5edf7 !important;
}

body.page-id-505 form#job_preview .infokru-preview-summary h3 {
  margin: 0 0 16px !important;
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.page-id-505 form#job_preview .infokru-preview-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.page-id-505 form#job_preview .infokru-preview-summary-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;

  min-height: 78px !important;
  padding: 14px 16px !important;

  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;

  box-sizing: border-box !important;
}

body.page-id-505 form#job_preview .infokru-preview-summary-icon {
  flex: 0 0 38px !important;

  width: 38px !important;
  height: 38px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 12px !important;

  background: #eef6ff !important;
  color: #0057d8 !important;
}

body.page-id-505 form#job_preview .infokru-preview-summary-icon i {
  color: #0057d8 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body.page-id-505 form#job_preview .infokru-preview-summary-label {
  display: block !important;
  margin: 0 0 4px !important;

  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.page-id-505 form#job_preview .infokru-preview-summary-item strong {
  display: block !important;

  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;

  overflow-wrap: anywhere !important;
}

@media (max-width: 767px) {
  body.page-id-505 form#job_preview .infokru-preview-summary-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-id-505 form#job_preview .infokru-preview-summary-item {
    min-height: 72px !important;
  }
}
/* Preview vessel pill spacing fix */
body.page-id-505 form#job_preview .job-location-type {
  gap: 12px !important;
}

body.page-id-505 form#job_preview .job-location-type ul.job-types {
  margin-left: 6px !important;
}

body.page-id-505 form#job_preview .job-location-type .job-type {
  padding: 0 16px !important;
  white-space: nowrap !important;
  min-width: fit-content !important;
}
/* ============================================================
   INFOKRU - Urgent ticker sticky header final
   Desktop + mobile
   ============================================================ */

:root {
  --infokru-ticker-height: 30px;
}

/* Sticky/fixed urgent ticker at the very top */
.infokru-ticker-wrap {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: var(--infokru-ticker-height) !important;
  z-index: 999999 !important;
  margin: 0 !important;
}

/* Hide old URGENT label */
.infokru-ticker-label {
  display: none !important;
}

/* Keep ticker content clean */
.infokru-ticker-content {
  height: var(--infokru-ticker-height) !important;
  line-height: var(--infokru-ticker-height) !important;
}

/* Push page content down so header is not covered */
body.infokru-has-urgent-ticker {
  padding-top: var(--infokru-ticker-height) !important;
}

body.infokru-has-urgent-ticker .site-header,
body.infokru-has-urgent-ticker header#masthead,
body.infokru-has-urgent-ticker .header-v1,
body.infokru-has-urgent-ticker .site-header.header-v1,
body.infokru-has-urgent-ticker .jobhunt-stick-this.stuck,
body.infokru-has-urgent-ticker .desktop-only.jobhunt-stick-this.stuck {
  top: var(--infokru-ticker-height) !important;
  z-index: 99998 !important;
}

/* Admin bar handling */
body.admin-bar .infokru-ticker-wrap {
  top: 32px !important;
}

body.admin-bar.infokru-has-urgent-ticker .site-header,
body.admin-bar.infokru-has-urgent-ticker header#masthead,
body.admin-bar.infokru-has-urgent-ticker .header-v1,
body.admin-bar.infokru-has-urgent-ticker .site-header.header-v1 {
  top: calc(32px + var(--infokru-ticker-height)) !important;
}

@media (max-width: 782px) {
  body.admin-bar .infokru-ticker-wrap {
    top: 46px !important;
  }

  body.admin-bar.infokru-has-urgent-ticker .site-header,
  body.admin-bar.infokru-has-urgent-ticker header#masthead,
  body.admin-bar.infokru-has-urgent-ticker .header-v1,
  body.admin-bar.infokru-has-urgent-ticker .site-header.header-v1 {
    top: calc(46px + var(--infokru-ticker-height)) !important;
  }
}
/* Fix InfoKru custom tablet/mobile header overlap with urgent ticker */
body.infokru-has-urgent-ticker .infokru-responsive-nav,
body.infokru-has-urgent-ticker .infokru-responsive-topbar {
  top: var(--infokru-ticker-height) !important;
  z-index: 99998 !important;
}

/* If the inner topbar is fixed/sticky */
body.infokru-has-urgent-ticker .infokru-responsive-topbar-inner {
  position: relative !important;
}

/* Admin bar handling for tablet/mobile */
body.admin-bar.infokru-has-urgent-ticker .infokru-responsive-nav,
body.admin-bar.infokru-has-urgent-ticker .infokru-responsive-topbar {
  top: calc(32px + var(--infokru-ticker-height)) !important;
}

@media (max-width: 782px) {
  body.admin-bar.infokru-has-urgent-ticker .infokru-responsive-nav,
  body.admin-bar.infokru-has-urgent-ticker .infokru-responsive-topbar {
    top: calc(46px + var(--infokru-ticker-height)) !important;
  }
}
/* ============================================================
   INFOKRU - Post A Job CTA moved into Jobs page
   ============================================================ */

/* Hide header Post A Job on homepage and jobs archive */
/* Hide header/topbar Post A Job button globally */
.site-header .post-a-job,
.site-header-inner .post-a-job,
.jobhunt-stick-this .post-a-job,
.desktop-only.jobhunt-stick-this .post-a-job,
.infokru-responsive-post-btn,
.infokru-responsive-mobile-post {
  display: none !important;
}
/* Jobs control bar */
body.post-type-archive-job_listing .jh-jobs-control-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}

body.post-type-archive-job_listing .jh-jobs-control-bar .showing_jobs {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

/* Jobs page Post A Job CTA */
body.post-type-archive-job_listing .infokru-jobs-post-cta {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  transform: none !important;
}

body.post-type-archive-job_listing .infokru-jobs-post-cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 24px rgba(0, 87, 216, 0.18) !important;
}

body.post-type-archive-job_listing .infokru-jobs-post-cta a:hover {
  background: #0047b5 !important;
  color: #fff !important;
}

/* Desktop fine tune only */
@media (min-width: 992px) {
  body.post-type-archive-job_listing .infokru-jobs-post-cta {
    transform: translateX(-16px) !important;
  }
}

/* Tablet + mobile */
@media (max-width: 991px) {
  body.post-type-archive-job_listing .jh-jobs-control-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
  }

  body.post-type-archive-job_listing .jh-jobs-control-bar .showing_jobs,
  body.post-type-archive-job_listing .infokru-jobs-post-cta,
  body.post-type-archive-job_listing .infokru-jobs-post-cta a {
    width: 100% !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-post-cta {
    margin-left: 0 !important;
    justify-content: stretch !important;
    transform: none !important;
  }
}
/* ============================================================
   INFOKRU - Jobs filter consistency for tablet + mobile
   Make tablet follow mobile structure
   ============================================================ */

@media (max-width: 991px) {
  /* Hide desktop/tablet full filter card */
  body.post-type-archive-job_listing #secondary.sidebar-jobs {
    display: none !important;
  }

  /* Show filter toggle button on tablet + mobile */
  body.post-type-archive-job_listing .handheld-sidebar-toggle {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing .handheld-sidebar-toggle .sidebar-toggler {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-height: 50px !important;
    padding: 0 18px !important;

    border: 1px solid #0066ff !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #111827 !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  body.post-type-archive-job_listing .handheld-sidebar-toggle .sidebar-toggler i {
    font-size: 18px !important;
  }

  /* Cloned filter panel */
  body.post-type-archive-job_listing .infokru-mobile-filter-panel {
    display: none !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  body.post-type-archive-job_listing.infokru-filter-open .infokru-mobile-filter-panel {
    display: block !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;

    background: #ffffff !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card h3 {
    display: none !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group {
    margin-bottom: 18px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-filter-group select {
    height: 48px !important;
    border-radius: 10px !important;
  }

  body.post-type-archive-job_listing .infokru-mobile-filter-panel .infokru-jobs-filter-card button {
    height: 50px !important;
    border-radius: 10px !important;
  }
}
/* ============================================================
   INFOKRU - Fix tablet archive hero overlap with responsive header
   ============================================================ */

@media (min-width: 768px) and (max-width: 991px) {
  body.infokru-has-urgent-ticker.post-type-archive-job_listing .site-content-page-header,
  body.infokru-has-urgent-ticker.post-type-archive-company .site-content-page-header,
  body.infokru-has-urgent-ticker.tax-company_category .site-content-page-header,
  body.infokru-has-urgent-ticker.tax-job_listing_category .site-content-page-header,
  body.infokru-has-urgent-ticker.tax-job_listing_type .site-content-page-header {
    margin-top: 72px !important;
  }
}
/* ============================================================
   INFOKRU - Mobile Floating WhatsApp Button
   Keep floating CTA close to mobile bottom nav
   ============================================================ */

@media (max-width: 767px) {
  body.single-job_listing a.infokru-detail-wa {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 84px) !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    width: calc(100% - 88px) !important;
    max-width: 420px !important;
    min-height: 48px !important;
    margin: 0 !important;

    border-radius: 999px !important;
    background: #25d366 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(37, 211, 102, 0.32) !important;
    z-index: 99990 !important;
  }

  body.single-job_listing a.infokru-detail-wa i {
    font-size: 21px !important;
  }

  body.single-job_listing .site-content,
  body.single-job_listing .content-area,
  body.single-job_listing .single-job_listing {
    padding-bottom: 190px !important;
  }
}
/* ============================================================
   INFOKRU - Fix mobile Companies page overlap
   ============================================================ */

@media (max-width: 767px) {
  body.post-type-archive-company .site-content-page-header,
  body.tax-company_category .site-content-page-header {
    margin-top: 38px !important;
  }

  body.post-type-archive-company .site-content,
  body.tax-company_category .site-content {
    padding-bottom: 130px !important;
  }
}
/* ============================================================
   INFOKRU - Fix mobile top hero/icon clipped on post/auth/preview flow
   ============================================================ */

@media (max-width: 767px) {
  /* Post a Job main page */
  body.page-id-505 .entry-content {
    padding-top: 50px !important;
    overflow: visible !important;
  }

  body.page-id-505 .infokru-postjob-hero-title {
    margin-top: 0 !important;
    padding-top: 18px !important;
    overflow: visible !important;
  }

  body.page-id-505 .infokru-postjob-ship-icon {
    margin-top: 0 !important;
    transform: none !important;
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
  }

  /* Any InfoKru custom flow page with hero/title/icon */
  body .entry-content:has(.infokru-postjob-hero-title),
  body .entry-content:has(.infokru-auth-hero-title),
  body .entry-content:has(.infokru-login-register-hero-title),
  body .entry-content:has(.infokru-preview-hero-title),
  body .entry-content:has(.infokru-success-hero-title),
  body .entry-content:has(.infokru-submit-success),
  body .entry-content:has(.job-manager-message) {
    padding-top: 50px !important;
    overflow: visible !important;
  }

  body .infokru-postjob-hero-title,
  body .infokru-auth-hero-title,
  body .infokru-login-register-hero-title,
  body .infokru-preview-hero-title,
  body .infokru-success-hero-title {
    margin-top: 0 !important;
    padding-top: 18px !important;
    overflow: visible !important;
  }

  body .infokru-postjob-ship-icon,
  body .infokru-auth-icon,
  body .infokru-preview-icon,
  body .infokru-success-icon {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    overflow: visible !important;
  }
}
/* ============================================================
   INFOKRU - Fix mobile default page header clipped by sticky header
   Applies to normal pages like Login/Register, Preview, Success
   ============================================================ */

@media (max-width: 767px) {
  body.page:not(.home) .site-content-page-header,
  body.page:not(.home) .page-header,
  body.page:not(.home) .entry-header {
    margin-top: 50px !important;
  }
}
/* ============================================================
   INFOKRU - Job Detail Share WhatsApp + Copy Link
   Final responsive layout
   ============================================================ */

body.single-job_listing .infokru-job-share-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 14px 0 14px !important;
}

body.single-job_listing .infokru-job-share-actions a,
body.single-job_listing .infokru-job-share-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body.single-job_listing .infokru-job-share-wa {
  background: #25d366 !important;
  color: #ffffff !important;
  border: 1px solid #25d366 !important;
}

body.single-job_listing .infokru-job-copy-link {
  background: #ffffff !important;
  color: #0057d8 !important;
  border: 1px solid #0057d8 !important;
}

body.single-job_listing .infokru-job-copy-link.is-copied {
  background: #0057d8 !important;
  color: #ffffff !important;
}

body.single-job_listing .infokru-job-share-actions i {
  flex: 0 0 auto !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

body.single-job_listing .infokru-job-share-actions span {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.single-job_listing .infokru-copy-feedback {
  grid-column: 1 / -1 !important;
  display: none !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #16a34a !important;
}

body.single-job_listing .infokru-copy-feedback.is-visible {
  display: flex !important;
}

/* Compact label on smaller screens so it doesn't wrap */
@media (max-width: 480px) {
  body.single-job_listing .infokru-job-share-wa span {
    font-size: 0 !important;
  }

  body.single-job_listing .infokru-job-share-wa span::after {
    content: "Share WA" !important;
    font-size: 13px !important;
  }

  body.single-job_listing .infokru-job-copy-link span {
    font-size: 0 !important;
  }

  body.single-job_listing .infokru-job-copy-link span::after {
    content: "Copy Link" !important;
    font-size: 13px !important;
  }
}

/* Extra small phones */
@media (max-width: 360px) {
  body.single-job_listing .infokru-job-share-actions {
    gap: 8px !important;
  }

  body.single-job_listing .infokru-job-share-actions a,
  body.single-job_listing .infokru-job-share-actions button {
    min-height: 42px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    gap: 5px !important;
  }

  body.single-job_listing .infokru-job-share-wa span::after,
  body.single-job_listing .infokru-job-copy-link span::after {
    font-size: 12px !important;
  }
}
/* Fix copy feedback default state */
body.single-job_listing span.infokru-copy-feedback:not(.is-visible) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-job_listing span.infokru-copy-feedback.is-visible {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  margin-top: 2px !important;
  justify-content: center !important;
}
/* ============================================================
   INFOKRU - Job Views Counter in Hero Card
   ============================================================ */

.infokru-detail-hero-card {
  position: relative !important;
}

.infokru-detail-hero-card .infokru-job-view-counter {
  position: absolute !important;
  top: 22px !important;
  right: 24px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  width: auto !important;
  margin: 0 !important;
  padding: 8px 12px !important;

  border-radius: 999px !important;
  background: #f3f7ff !important;
  color: #0057d8 !important;
  border: 1px solid rgba(0, 87, 216, 0.14) !important;

  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  z-index: 5 !important;
}

.infokru-detail-hero-card .infokru-job-view-counter i {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* give title area a bit of right space so counter doesn't overlap */
.infokru-detail-hero-card .infokru-detail-summary-content {
  padding-right: 130px !important;
}

/* tablet/mobile: keep it in normal flow under badges/title area */
@media (max-width: 767px) {
  .infokru-detail-hero-card .infokru-job-view-counter {
    position: static !important;
    margin: 0 0 10px 0 !important;
    width: fit-content !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }

  .infokru-detail-hero-card .infokru-detail-summary-content {
    padding-right: 0 !important;
  }
}
/* ============================================================
   INFOKRU - Job Card Views Counter
   ============================================================ */

.infokru-card-view-counter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  width: fit-content !important;
  margin: 10px 0 0 !important;
  padding: 6px 10px !important;

  border-radius: 999px !important;
  background: #f3f7ff !important;
  color: #0057d8 !important;
  border: 1px solid rgba(0, 87, 216, 0.16) !important;

  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.infokru-card-view-counter i {
  font-size: 14px !important;
  line-height: 1 !important;
}

.infokru-card-view-counter + .infokru-vessel-tag,
.infokru-card-view-counter + .infokru-job-type-pill,
.infokru-card-view-counter + [class*="tag"] {
  margin-top: 10px !important;
}

@media (max-width: 767px) {
  .infokru-card-view-counter {
    margin-top: 8px !important;
    margin-left: 18px !important;
    margin-bottom: 0 !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
  }

  .infokru-card-view-counter i {
    font-size: 13px !important;
  }
}
/* ============================================================
   INFOKRU FINAL FIX: Complete Hero Search Desktop Dividers
   Purpose:
   - Stable divider for homepage hero search
   - Divider before Rank, Vessel, Area, and Submit
   - Desktop only, mobile disabled
   ============================================================ */

@media (min-width: 993px) {
  .site-content-page-header .job-search-form form {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  .site-content-page-header .job-search-category.infokru-rank-search-field,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field,
  .site-content-page-header .job-search-area.infokru-area-search-field,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field,
  .site-content-page-header .job-search-submit {
    position: relative !important;
  }

  .site-content-page-header .job-search-category.infokru-rank-search-field::before,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field::before,
  .site-content-page-header .job-search-area.infokru-area-search-field::before,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field::before,
  .site-content-page-header .job-search-submit::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 34px !important;
    background: #d1d5db !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 5 !important;
  }

  .site-content-page-header .job-search-category.infokru-rank-search-field,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field,
  .site-content-page-header .job-search-area.infokru-area-search-field,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field {
    padding-left: 20px !important;
  }

  .site-content-page-header .job-search-submit {
    padding-left: 14px !important;
  }
}

@media (max-width: 992px) {
  .site-content-page-header .job-search-category.infokru-rank-search-field::before,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field::before,
  .site-content-page-header .job-search-area.infokru-area-search-field::before,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field::before,
  .site-content-page-header .job-search-submit::before {
    content: none !important;
    display: none !important;
  }
}
/* ============================================================
   INFOKRU GLOBAL FIX: Desktop Header Top Gap
   Purpose:
   - Remove unwanted gap between urgent bar and desktop header
   - Apply globally on desktop
   - Do not change logo/nav layout
   ============================================================ */

@media (min-width: 993px) {
  body {
    --infokru-global-header-gap-fix: 30px;
  }

  /* Remove margin/padding from header wrapper */
  .site-header.header-v1 {
    margin-top: calc(-1 * var(--infokru-global-header-gap-fix)) !important;
    padding-top: 0 !important;
  }

  .site-header.header-v1 > .sticky-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .site-header.header-v1 .desktop-only.jobhunt-stick-this {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Keep inner header layout untouched */
  .site-header.header-v1 .container,
  .site-header.header-v1 .site-header-inner,
  .site-header.header-v1 .site-branding,
  .site-header.header-v1 .primary-nav {
    margin-top: 0 !important;
  }

  /* Prevent urgent ticker from creating extra bottom gap */
  .infokru-urgent-ticker,
  .infokru-urgent-bar,
  .urgent-jobs-bar,
  .urgent-sliding-bar {
    margin-bottom: 0 !important;
  }
}

/* Mobile: do not pull header up aggressively */
@media (max-width: 992px) {
  .site-header.header-v1 {
    margin-top: 0 !important;
  }
}
/* ============================================================
   INFOKRU GLOBAL FIX: Hide Post A Job From Responsive Header
   Purpose:
   - Hide Post A Job button from custom responsive/tablet/mobile header
   - Keep Jobs and Companies menu visible
   - Does not affect Post A Job page content/button inside Jobs page
   ============================================================ */

.infokru-responsive-topbar-inner .infokru-responsive-post-btn,
.infokru-responsive-topbar-inner .infokru-responsive-mobile-post {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep responsive menu clean after button removed */
.infokru-responsive-topbar-inner .infokru-responsive-tablet-menu {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.infokru-responsive-topbar-inner .infokru-responsive-tablet-menu a:not(.infokru-responsive-post-btn) {
  display: inline-flex !important;
  align-items: center !important;
}
/* ============================================================
   INFOKRU FIX: Contact Us Content Spacing
   Purpose:
   - Add more breathing room between header and Contact Us content
   - Does not affect global header layout
   ============================================================ */

body.infokru-contact-clean-page .infokru-contact-page {
  padding-top: 72px !important;
}

@media (max-width: 768px) {
  body.infokru-contact-clean-page .infokru-contact-page {
    padding-top: 42px !important;
  }
}
/* ============================================================
   INFOKRU FINAL FIX: Header Contact Us Button Style
   Purpose:
   - Remove glow
   - Force white text
   - Add subtle hover lift
   - Show Contact Us on mobile header
   ============================================================ */

/* Desktop/tablet Contact Us button */
.site-header.header-v1 .primary-nav ul .infokru-header-contact-menu-item > a.infokru-header-contact-btn,
.site-header.header-v1 .primary-nav ul .infokru-header-contact-menu-item > a.infokru-header-contact-btn:visited,
.site-header.header-v1 .primary-nav ul .infokru-header-contact-menu-item > a.infokru-header-contact-btn:focus,
.site-header.header-v1 .primary-nav ul .infokru-header-contact-menu-item > a.infokru-header-contact-btn:active,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:visited,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:focus,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  transition: transform 0.18s ease, background-color 0.18s ease !important;
}

.site-header.header-v1 .primary-nav ul .infokru-header-contact-menu-item > a.infokru-header-contact-btn:hover,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:hover {
  background: #0049b8 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

/* Make sure theme does not force black text inside menu */
.site-header.header-v1 .primary-nav ul .infokru-header-contact-menu-item > a.infokru-header-contact-btn *,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive * {
  color: #ffffff !important;
}

/* Mobile header: logo + Contact Us only */
@media (max-width: 767px) {
  .infokru-responsive-topbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo img {
    max-height: 46px !important;
    width: auto !important;
  }

  /* Show menu wrapper on mobile only to hold Contact Us */
  .infokru-responsive-topbar-inner .infokru-responsive-tablet-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    gap: 0 !important;
  }

  /* Hide Jobs and Companies in mobile header */
  .infokru-responsive-topbar-inner .infokru-responsive-tablet-menu > a:not(.infokru-header-contact-responsive) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Show Contact Us button on mobile */
  .infokru-responsive-topbar-inner .infokru-header-contact-responsive {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    background: #0057d8 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  .infokru-responsive-topbar-inner .infokru-header-contact-responsive:hover {
    background: #0049b8 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
  }
}

/* Extra small mobile */
@media (max-width: 380px) {
  .infokru-responsive-topbar-inner .infokru-header-contact-responsive {
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo img {
    max-height: 42px !important;
  }
}
.site-header.header-v1 .infokru-header-contact-btn,
.site-header.header-v1 .infokru-header-contact-btn:hover,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:hover {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}
/* ============================================================
   INFOKRU CSS STABILITY CORE V1
   Paste this at the VERY BOTTOM of WordPress Additional CSS.
   Do not delete old CSS yet.
   Scope:
   1) Header Contact Us CTA
   2) Responsive header mobile/tablet
   3) Homepage hero search bar
   4) Homepage load more cleanup
   5) Company detail spacing
   ============================================================ */


/* ============================================================
   1) HEADER CONTACT US CTA
   ============================================================ */

/* Hide Post A Job from header variants only */
.site-header.header-v1 .post-a-job,
.site-header.header-v1 .site-header-inner > .post-a-job,
.infokru-responsive-topbar-inner .infokru-responsive-post-btn,
.infokru-responsive-topbar-inner .infokru-responsive-mobile-post,
.infokru-force-hide-post-job {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Contact Us button: force clean state on normal + sticky header */
.site-header.header-v1 .infokru-header-contact-btn,
.site-header.header-v1 .infokru-header-contact-btn:link,
.site-header.header-v1 .infokru-header-contact-btn:visited,
.site-header.header-v1 .infokru-header-contact-btn:hover,
.site-header.header-v1 .infokru-header-contact-btn:focus,
.site-header.header-v1 .infokru-header-contact-btn:active,
.site-header.header-v1 .infokru-header-contact-menu-item > a,
.site-header.header-v1 .infokru-header-contact-menu-item > a:link,
.site-header.header-v1 .infokru-header-contact-menu-item > a:visited,
.site-header.header-v1 .infokru-header-contact-menu-item > a:hover,
.site-header.header-v1 .infokru-header-contact-menu-item > a:focus,
.site-header.header-v1 .infokru-header-contact-menu-item > a:active,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:link,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:visited,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:hover,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:focus,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: translateY(0) !important;
  transition: transform .18s ease, background-color .18s ease !important;
}

.site-header.header-v1 .infokru-header-contact-btn:hover,
.site-header.header-v1 .infokru-header-contact-menu-item > a:hover,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive:hover {
  background: #0049b8 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(-2px) !important;
}

/* Force child text white */
.site-header.header-v1 .infokru-header-contact-btn *,
.site-header.header-v1 .infokru-header-contact-menu-item > a *,
.infokru-responsive-topbar-inner .infokru-header-contact-responsive * {
  color: #ffffff !important;
}


/* ============================================================
   2) RESPONSIVE HEADER
   ============================================================ */

/* Tablet: keep Jobs, Companies, Contact Us */
@media (min-width: 768px) and (max-width: 992px) {
  .infokru-responsive-topbar-inner .infokru-responsive-tablet-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    margin-left: auto !important;
  }
}

/* Mobile: logo + Contact Us only */
@media (max-width: 767px) {
  .infokru-responsive-topbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo img {
    max-height: 46px !important;
    width: auto !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-tablet-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    margin-left: auto !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-tablet-menu > a:not(.infokru-header-contact-responsive) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .infokru-responsive-topbar-inner .infokru-header-contact-responsive {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }
}


/* ============================================================
   3) HOMEPAGE HERO SEARCH
   ============================================================ */

/* Hide location field and keyword decorative icon */
.site-content-page-header .job-search-location {
  display: none !important;
}

.site-content-page-header .job-search-keywords::before,
.site-content-page-header .job-search-keywords::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.site-content-page-header .job-search-keywords i,
.site-content-page-header .job-search-keywords .la,
.site-content-page-header .job-search-keywords .fa,
.site-content-page-header .job-search-keywords svg,
.site-content-page-header .job-search-keywords img,
.site-content-page-header .job-search-keywords [class*="icon"] {
  display: none !important;
}

/* Desktop layout: Keyword | Rank | Vessel | Trading Area | Submit */
@media (min-width: 993px) {
  .site-content-page-header .job-search-form {
    max-width: 1160px !important;
    padding: 8px 12px 8px 26px !important;
  }

  .site-content-page-header .job-search-form form {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  .site-content-page-header .job-search-keywords {
    order: 1 !important;
    flex: 1 1 280px !important;
    min-width: 250px !important;
  }

  .site-content-page-header .job-search-keywords input {
    padding-right: 12px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .site-content-page-header .job-search-category.infokru-rank-search-field {
    order: 2 !important;
    flex: 0 0 205px !important;
    min-width: 205px !important;
  }

  .site-content-page-header .job-search-vessel.infokru-vessel-search-field {
    order: 3 !important;
    flex: 0 0 185px !important;
    min-width: 185px !important;
  }

  .site-content-page-header .job-search-area.infokru-area-search-field,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field {
    order: 4 !important;
    flex: 0 0 165px !important;
    min-width: 165px !important;
  }

  .site-content-page-header .job-search-submit {
    order: 5 !important;
    flex: 0 0 170px !important;
    min-width: 170px !important;
  }

  .site-content-page-header .job-search-category.infokru-rank-search-field,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field,
  .site-content-page-header .job-search-area.infokru-area-search-field,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field,
  .site-content-page-header .job-search-submit {
    position: relative !important;
  }

  .site-content-page-header .job-search-category.infokru-rank-search-field::before,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field::before,
  .site-content-page-header .job-search-area.infokru-area-search-field::before,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field::before,
  .site-content-page-header .job-search-submit::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 34px !important;
    background: #d1d5db !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 5 !important;
  }

  .site-content-page-header .job-search-category.infokru-rank-search-field,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field,
  .site-content-page-header .job-search-area.infokru-area-search-field,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field {
    padding-left: 20px !important;
  }

  .site-content-page-header .job-search-submit {
    padding-left: 14px !important;
  }
}

/* Mobile/tablet layout */
@media (max-width: 992px) {
  .site-content-page-header .job-search-form form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .site-content-page-header .job-search-keywords {
    order: 1 !important;
  }

  .site-content-page-header .job-search-category,
  .site-content-page-header .job-search-category.infokru-rank-search-field {
    order: 2 !important;
  }

  .site-content-page-header .job-search-vessel,
  .site-content-page-header .job-search-vessel.infokru-vessel-search-field {
    order: 3 !important;
  }

  .site-content-page-header .job-search-area,
  .site-content-page-header .job-search-area.infokru-area-search-field,
  .site-content-page-header .job-search-area.infokru-trading-area-search-field {
    order: 4 !important;
  }

  .site-content-page-header .job-search-submit {
    order: 5 !important;
  }

  .site-content-page-header .job-search-keywords,
  .site-content-page-header .job-search-category,
  .site-content-page-header .job-search-vessel,
  .site-content-page-header .job-search-area,
  .site-content-page-header .job-search-submit {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 50px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-content-page-header .job-search-keywords input,
  .site-content-page-header .job-search-category select,
  .site-content-page-header .job-search-vessel select,
  .site-content-page-header .job-search-area select {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    font-size: 15px !important;
    line-height: 50px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .site-content-page-header .job-search-submit button,
  .site-content-page-header .job-search-submit input[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  .site-content-page-header .job-search-category::before,
  .site-content-page-header .job-search-vessel::before,
  .site-content-page-header .job-search-area::before,
  .site-content-page-header .job-search-submit::before {
    content: none !important;
    display: none !important;
  }
}


/* ============================================================
   4) HOMEPAGE LOAD MORE CLEANUP
   ============================================================ */

body.home .load_more_jobs,
body.front-page .load_more_jobs,
body.page-template-template-homepage-v1 .load_more_jobs {
  display: none !important;
  visibility: hidden !important;
}


/* ============================================================
   5) COMPANY DETAIL SPACING
   ============================================================ */

body.single-company .job_listing,
body.single-company .infokru-company-job-card,
body.single-company .infokru-company-job-item,
body.single-company .infokru-company-active-job {
  margin-bottom: 16px !important;
}

body.single-company .job_listing + .job_listing,
body.single-company .infokru-company-job-card + .infokru-company-job-card,
body.single-company .infokru-company-job-item + .infokru-company-job-item,
body.single-company .infokru-company-active-job + .infokru-company-active-job {
  margin-top: 16px !important;
}

body.single-company .job_listing .job-type,
body.single-company .job_listing .infokru-vessel-pill,
body.single-company .infokru-company-job-card .job-type,
body.single-company .infokru-company-job-card .infokru-vessel-pill {
  margin-bottom: 10px !important;
}
/* ============================================================
   INFOKRU CSS STABILITY CORE V1.1
   Purpose:
   - Fix hero divider that jumps upward
   - Force Contact Us text white on homepage sticky header
   - Improve company detail mobile spacing
   ============================================================ */


/* 1) Fix hero divider yang naik ke atas */
@media (min-width: 993px) {
  body .site-content-page-header .job-search-category.infokru-rank-search-field::before,
  body .site-content-page-header .job-search-vessel.infokru-vessel-search-field::before,
  body .site-content-page-header .job-search-area.infokru-area-search-field::before,
  body .site-content-page-header .job-search-area.infokru-trading-area-search-field::before,
  body .site-content-page-header .job-search-submit::before {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    height: 34px !important;
    max-height: 34px !important;
  }
}


/* 2) Force Contact Us text putih di homepage sticky header */
body.home .site-header.header-v1 .infokru-header-contact-btn,
body.home .site-header.header-v1 .infokru-header-contact-btn:link,
body.home .site-header.header-v1 .infokru-header-contact-btn:visited,
body.home .site-header.header-v1 .infokru-header-contact-btn:hover,
body.home .site-header.header-v1 .infokru-header-contact-menu-item > a,
body.home .site-header.header-v1 .infokru-header-contact-menu-item > a:link,
body.home .site-header.header-v1 .infokru-header-contact-menu-item > a:visited,
body.home .site-header.header-v1 .infokru-header-contact-menu-item > a:hover,
body.home .jobhunt-stick-this .infokru-header-contact-btn,
body.home .jobhunt-stick-this .infokru-header-contact-menu-item > a {
  color: #ffffff !important;
  background: #0057d8 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}


/* 3) Company detail mobile spacing */
@media (max-width: 767px) {
  body.single-company .infokru-company-job-card,
  body.single-company .infokru-company-job-item,
  body.single-company .infokru-company-active-job,
  body.single-company .job_listing {
    margin-bottom: 18px !important;
  }

  body.single-company .infokru-company-job-card + .infokru-company-job-card,
  body.single-company .infokru-company-job-item + .infokru-company-job-item,
  body.single-company .infokru-company-active-job + .infokru-company-active-job,
  body.single-company .job_listing + .job_listing {
    margin-top: 18px !important;
  }

  body.single-company [class*="lowongan"] > * + *,
  body.single-company [class*="job"] > .job_listing + .job_listing {
    margin-top: 18px !important;
  }
}
/* ============================================================
   INFOKRU FIX: Homepage Sticky Contact Button Text
   ============================================================ */

body.home .site-header.header-v1 .primary-nav .infokru-header-contact-menu-item > a,
body.home .site-header.header-v1 .primary-nav .infokru-header-contact-menu-item > a:link,
body.home .site-header.header-v1 .primary-nav .infokru-header-contact-menu-item > a:visited,
body.home .site-header.header-v1 .primary-nav .infokru-header-contact-menu-item > a:hover,
body.home .site-header.header-v1 .primary-nav .infokru-header-contact-menu-item > a:focus,
body.home .site-header.header-v1 .primary-nav .infokru-header-contact-menu-item > a:active,
body.home .jobhunt-stick-this .primary-nav .infokru-header-contact-menu-item > a,
body.home .sticky-wrapper .primary-nav .infokru-header-contact-menu-item > a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #0057d8 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

body.home .site-header.header-v1 .primary-nav .infokru-header-contact-menu-item > a *,
body.home .jobhunt-stick-this .primary-nav .infokru-header-contact-menu-item > a * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* ============================================================
   INFOKRU FIX: Company Detail Active Jobs Gap - Direct Target
   ============================================================ */

#company-job_listings ul.job_listings.list {
  display: block !important;
}

#company-job_listings ul.job_listings.list > li.job_listing {
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

#company-job_listings ul.job_listings.list > li.job_listing:last-child {
  margin-bottom: 0 !important;
}

#company-job_listings ul.job_listings.list > li.job_listing + li.job_listing {
  margin-top: 18px !important;
}

@media (max-width: 767px) {
  #company-job_listings ul.job_listings.list > li.job_listing {
    margin-bottom: 22px !important;
  }

  #company-job_listings ul.job_listings.list > li.job_listing + li.job_listing {
    margin-top: 22px !important;
  }
}
#company-job_listings li.job_listing:not(:first-child) {
  transform: translateY(18px) !important;
}

#company-job_listings li.job_listing:not(:last-child) {
  margin-bottom: 18px !important;
}
/* ============================================================
   INFOKRU PHASE 3 CLEAN - Toggle UI Override
   Purpose: prevent Urgent/Verified toggle from inheriting submit button style
   ============================================================ */

body.post-type-archive-job_listing .infokru-jobs-filter-card .ik-phase3-clean-group .ik-filter-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;

  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;

  border: 1px solid #dbe3ee !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #111827 !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;

  box-shadow: none !important;
  transform: none !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card .ik-phase3-clean-group .ik-filter-toggle:hover,
body.post-type-archive-job_listing .infokru-jobs-filter-card .ik-phase3-clean-group .ik-filter-toggle:focus {
  background: #f8fbff !important;
  color: #111827 !important;
  border-color: #0057d8 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card .ik-phase3-clean-group .ik-filter-label {
  color: #111827 !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card .ik-phase3-clean-group .ik-filter-box {
  background: #ffffff !important;
  border: 1.5px solid #9ca3af !important;
  color: #ffffff !important;
}

body.post-type-archive-job_listing .infokru-jobs-filter-card .ik-phase3-clean-group .ik-filter-toggle.is-active .ik-filter-box {
  background: #0057d8 !important;
  border-color: #0057d8 !important;
  color: #ffffff !important;
}
/* =========================================================
   INFOKRU - Tablet Filter Checkbox Horizontal Fix
   Target actual class: .ik-checkbox-filter-group
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  body.post-type-archive-job_listing 
  .infokru-jobs-filter-card.infokru-mobile-filter-clone 
  .ik-checkbox-filter-group {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
  }

  body.post-type-archive-job_listing 
  .infokru-jobs-filter-card.infokru-mobile-filter-clone 
  .ik-filter-checkbox {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }

  body.post-type-archive-job_listing 
  .infokru-jobs-filter-card.infokru-mobile-filter-clone 
  .ik-checkbox-box {
    margin: 0 !important;
    flex: 0 0 18px !important;
  }

  body.post-type-archive-job_listing 
  .infokru-jobs-filter-card.infokru-mobile-filter-clone 
  .ik-checkbox-text {
    margin: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.post-type-archive-job_listing .infokru-jobs-filter-card .ik-checkbox-filter-group {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }
}
/* =========================================================
   INFOKRU - Report Job Sidebar Spacing Polish
   Actual class: .infokru-report-sidebar-final-wrap
   ========================================================= */

body.single-job_listing .infokru-contact-card .infokru-job-share-actions {
  margin-bottom: 18px !important;
}

body.single-job_listing .infokru-contact-card .infokru-report-sidebar-final-wrap {
  margin: 0 0 18px 0 !important;
  padding: 18px 0 0 0 !important;
  border-top: 1px solid #e5eaf2 !important;
}

body.single-job_listing .infokru-contact-card .infokru-report-sidebar-final-btn {
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 24px rgba(225, 29, 72, 0.16) !important;
}

body.single-job_listing .infokru-contact-card .infokru-report-sidebar-final-wrap + .infokru-contact-note {
  margin-top: 18px !important;
}
/* =========================================================
   INFOKRU - Homepage Category Expand Rescue V3
   ========================================================= */

.ik-home-cat-v3-grid:not(.ik-home-cat-v3-expanded) > li:nth-child(n+11) {
  display: none !important;
}

@media (max-width: 767px) {
  .ik-home-cat-v3-grid:not(.ik-home-cat-v3-expanded) > li:nth-child(n+7) {
    display: none !important;
  }
}

.ik-home-cat-v3-grid > li.ik-home-cat-v3-empty a {
  opacity: 0.68 !important;
}

.ik-home-cat-v3-action {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  clear: both !important;
}

.ik-home-cat-v3-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 26px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(0, 87, 216, 0.18) !important;
  cursor: pointer !important;
}

.ik-home-cat-v3-btn:hover {
  background: #0049b8 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}
/* =========================================================
   INFOKRU - Match Expand Button with Homepage CTA Buttons
   ========================================================= */

.ik-home-cat-v3-action {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  clear: both !important;
}

.ik-home-cat-v3-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 24px !important;
  min-height: unset !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #0057d8 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 14px rgba(0, 87, 216, 0.22) !important;
  transition: all .2s ease !important;
  cursor: pointer !important;
}

.ik-home-cat-v3-btn:hover,
.ik-home-cat-v3-btn:focus {
  background: #0049b8 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(0, 87, 216, 0.26) !important;
}
/* ============================================================
   INFOKRU - Header Logo Size Only V2
   Desktop + Tablet + Mobile
   ============================================================ */

.site-header .site-branding,
.header-v1 .site-branding,
.desktop-only .site-branding,
.handheld-only .site-branding,
.handheld-header .site-branding {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 151px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 10000 !important;
}

.site-header .site-branding .custom-logo-link,
.header-v1 .site-branding .custom-logo-link,
.desktop-only .custom-logo-link,
.handheld-only .custom-logo-link,
.handheld-header .custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

.site-header .site-branding img.custom-logo,
.header-v1 .site-branding img.custom-logo,
.desktop-only img.custom-logo,
.handheld-only img.custom-logo,
.handheld-header img.custom-logo {
  display: block !important;
  width: auto !important;
  max-width: 151px !important;
  height: auto !important;
  max-height: 55px !important;
  object-fit: contain !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 600px) {
  .site-header .site-branding,
  .header-v1 .site-branding,
  .desktop-only .site-branding,
  .handheld-only .site-branding,
  .handheld-header .site-branding {
    min-width: 125px !important;
  }

  .site-header .site-branding img.custom-logo,
  .header-v1 .site-branding img.custom-logo,
  .desktop-only img.custom-logo,
  .handheld-only img.custom-logo,
  .handheld-header img.custom-logo {
    max-width: 125px !important;
    max-height: 46px !important;
  }
}
/* ============================================================
   INFOKRU - Stable Logo Render CSS Only
   Purpose:
   - Avoid flicker caused by inline display:none on custom-logo-link.
   - Do not fight native hidden logo.
   - Render stable logo via CSS pseudo-element.
   ============================================================ */

:root {
  --infokru-logo-url: url("https://infokru.com/wp-content/uploads/2026/04/cropped-cropped-infokru-logo.png");
}

/* DESKTOP: keep branding slot visible */
@media (min-width: 993px) {
  .site-header.header-v1 .site-branding {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    min-width: 151px !important;
    height: 55px !important;

    flex: 0 0 auto !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 10000 !important;
  }

  /* Stop native logo from flickering */
  .site-header.header-v1 .site-branding .custom-logo-link {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Stable visual logo */
  .site-header.header-v1 .site-branding::before {
    content: "" !important;
    display: block !important;

    width: 151px !important;
    height: 55px !important;

    background-image: var(--infokru-logo-url) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
  }
}

/* TABLET + MOBILE: custom responsive header logo */
@media (max-width: 992px) {
  .infokru-responsive-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 151px !important;
    height: 55px !important;
    min-width: 151px !important;

    flex: 0 0 auto !important;
    text-decoration: none !important;
    overflow: visible !important;
  }

  /* Hide real image to prevent any flicker/inconsistent load */
  .infokru-responsive-logo img,
  .infokru-responsive-logo span {
    display: none !important;
  }

  .infokru-responsive-logo::before {
    content: "" !important;
    display: block !important;

    width: 151px !important;
    height: 55px !important;

    background-image: var(--infokru-logo-url) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
  }
}

@media (max-width: 600px) {
  .infokru-responsive-logo {
    width: 125px !important;
    height: 46px !important;
    min-width: 125px !important;
  }

  .infokru-responsive-logo::before {
    width: 125px !important;
    height: 46px !important;
  }
}
/* ============================================================
   INFOKRU - Stable Logo Render for Tablet + Mobile
   CSS only, no JS, no flicker
   ============================================================ */

@media (max-width: 992px) {
  .site-header.header-v1 .handheld-only .handheld-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    position: relative !important;
  }

  .site-header.header-v1 .handheld-only .site-branding,
  .site-header.header-v1 .handheld-header .site-branding {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 151px !important;
    height: 55px !important;

    flex: 0 0 auto !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 10000 !important;
  }

  /* Native logo tetap disembunyikan biar nggak flicker */
  .site-header.header-v1 .handheld-only .site-branding .custom-logo-link,
  .site-header.header-v1 .handheld-header .site-branding .custom-logo-link {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Stable visual logo untuk tablet/mobile */
  .site-header.header-v1 .handheld-only .site-branding::before,
  .site-header.header-v1 .handheld-header .site-branding::before {
    content: "" !important;
    display: block !important;

    width: 151px !important;
    height: 55px !important;

    background-image: url("https://infokru.com/wp-content/uploads/2026/04/cropped-cropped-infokru-logo.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
  }
}

@media (max-width: 600px) {
  .site-header.header-v1 .handheld-only .site-branding,
  .site-header.header-v1 .handheld-header .site-branding {
    min-width: 125px !important;
    height: 46px !important;
  }

  .site-header.header-v1 .handheld-only .site-branding::before,
  .site-header.header-v1 .handheld-header .site-branding::before {
    width: 125px !important;
    height: 46px !important;
  }
}
/* ============================================================
   INFOKRU - Responsive Logo Stable Style
   ============================================================ */

.infokru-responsive-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: auto !important;
  min-width: 151px !important;
  height: 55px !important;

  flex: 0 0 auto !important;
  text-decoration: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.infokru-responsive-logo img {
  display: block !important;
  width: auto !important;
  max-width: 151px !important;
  height: auto !important;
  max-height: 55px !important;
  object-fit: contain !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 600px) {
  .infokru-responsive-logo {
    min-width: 125px !important;
    height: 46px !important;
  }

  .infokru-responsive-logo img {
    max-width: 125px !important;
    max-height: 46px !important;
  }
}
/* ============================================================
   INFOKRU - STABLE HEADER LOGO FINAL
   Desktop uses a stable PHP-rendered .ik-stable-desktop-logo anchor.
   Tablet/mobile use the stable PHP-rendered .ik-stable-responsive-logo class.
   No JS, no observer, no timeout.
   ============================================================ */

@media (min-width: 992px) {
  .site-header.header-v1 .site-header-inner {
    display: flex !important;
    align-items: center !important;
  }

  .site-header.header-v1 .site-branding {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 151px !important;
    height: 55px !important;
    min-height: 55px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 10000 !important;
  }

  .site-header.header-v1 .site-branding .ik-stable-desktop-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: 151px !important;
    height: 55px !important;
    text-decoration: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  .site-header.header-v1 .site-branding .ik-stable-desktop-logo img {
    display: block !important;
    width: auto !important;
    max-width: 151px !important;
    height: auto !important;
    max-height: 55px !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Native custom logo is left in markup but visually disabled to prevent double logo/flicker */
  .site-header.header-v1 .site-branding .custom-logo-link,
  .site-header.header-v1 .site-branding .custom-logo-link img,
  .site-header.header-v1 .site-branding img.custom-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .site-header.header-v1 .primary-nav {
    margin-left: auto !important;
  }
}

@media (max-width: 991px) {
  .ik-stable-responsive-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 151px !important;
    height: 55px !important;
    text-decoration: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 100001 !important;
  }

  .ik-stable-responsive-logo img {
    display: block !important;
    width: auto !important;
    max-width: 151px !important;
    height: auto !important;
    max-height: 55px !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .ik-stable-responsive-logo span {
    display: inline-block !important;
    color: #003b73 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .infokru-responsive-topbar-inner {
    display: flex !important;
    align-items: center !important;
  }
}

@media (max-width: 767px) {
  .ik-stable-responsive-logo {
    min-width: 125px !important;
    height: 42px !important;
  }

  .ik-stable-responsive-logo img {
    max-width: 125px !important;
    max-height: 42px !important;
  }
}
/* ============================================================
   INFOKRU - RESPONSIVE LOGO FINAL OVERRIDE
   Fix tablet/mobile logo after class changed to ik-stable-responsive-logo
   ============================================================ */

@media (max-width: 991px) {
  .infokru-responsive-topbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo,
  .infokru-responsive-topbar-inner .ik-stable-responsive-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 150px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;

    text-decoration: none !important;
    position: relative !important;
    z-index: 100001 !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo img,
  .infokru-responsive-topbar-inner .ik-stable-responsive-logo img {
    display: block !important;

    width: auto !important;
    max-width: 150px !important;

    height: auto !important;
    max-height: 46px !important;

    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo span,
  .infokru-responsive-topbar-inner .ik-stable-responsive-logo span {
    display: inline-block !important;
    color: #003b73 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .infokru-responsive-tablet-menu {
    margin-left: auto !important;
  }
}

@media (max-width: 767px) {
  .infokru-responsive-topbar-inner .infokru-responsive-logo,
  .infokru-responsive-topbar-inner .ik-stable-responsive-logo {
    min-width: 125px !important;
    height: 42px !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo img,
  .infokru-responsive-topbar-inner .ik-stable-responsive-logo img {
    max-width: 125px !important;
    max-height: 42px !important;
  }
}

/* Tablet besar/iPad safety kalau responsive nav masih aktif di 992-1024 */
@media (min-width: 992px) and (max-width: 1024px) {
  .infokru-responsive-topbar-inner .infokru-responsive-logo,
  .infokru-responsive-topbar-inner .ik-stable-responsive-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 150px !important;
    height: 46px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .infokru-responsive-topbar-inner .infokru-responsive-logo img,
  .infokru-responsive-topbar-inner .ik-stable-responsive-logo img {
    display: block !important;
    max-width: 150px !important;
    max-height: 46px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/* ============================================================
   INFOKRU - Hide Original Category CTA Duplicate
   Keep only smart category button
   ============================================================ */

/* Hide old/original CTA from category section */
.job-categories-section__inner > .action,
.job-categories-section__inner > div.action,
.infokru-rank-grid-custom + .action,
.ik-home-cat-v3-grid + .action {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Keep smart button visible */
.job-categories-section__inner > .ik-home-cat-v3-action {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: unset !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

.job-categories-section__inner > .ik-home-cat-v3-action .ik-home-cat-v3-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* ============================================================
   INFOKRU - Client Feedback 18 May 2026 Clean Visual Fixes
   ============================================================ */

/* Header menu font */
.site-header.header-v1 .primary-nav ul li a,
.infokru-responsive-tablet-menu a {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

/* Home menu */
.site-header.header-v1 .primary-nav ul li.ik-header-home-item a,
.infokru-responsive-tablet-menu .ik-header-home-link {
  color: #111827 !important;
}

/* Contact button tetap stand out */
.infokru-header-contact-btn,
.infokru-header-contact-desktop,
.infokru-header-contact-responsive {
  font-size: 15px !important;
  font-weight: 800 !important;
}

/* Footer lebih terang */
.site-footer,
.footer,
.footer-v1,
.footer-widgets,
.site-footer .footer-widgets,
footer.site-footer {
  background: #f4f8fc !important;
  color: #334155 !important;
}

.site-footer a,
.footer a,
.footer-v1 a,
.footer-widgets a {
  color: #1d4ed8 !important;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.footer h2,
.footer h3,
.footer h4,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4 {
  color: #0f172a !important;
}

.site-footer p,
.footer p,
.footer-v1 p,
.footer-widgets p,
.site-footer li,
.footer li,
.footer-v1 li,
.footer-widgets li {
  color: #475569 !important;
}

/* Contact Us hero center */
.infokru-contact-hero {
  text-align: center !important;
}

.infokru-contact-hero h1,
.infokru-contact-hero p {
  margin-left: auto !important;
  margin-right: auto !important;
}

.infokru-contact-hero p {
  max-width: 760px !important;
}

/* Contact Us admin guide */
.ik-contact-admin-guide {
  margin-top: 22px !important;
  padding: 20px 22px !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 16px !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

.ik-contact-admin-guide h3 {
  margin: 0 0 8px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1e40af !important;
}

.ik-contact-admin-guide p {
  margin: 0 !important;
  color: #334155 !important;
  line-height: 1.65 !important;
}
/* ============================================================
   INFOKRU - Header Menu Final Clean
   Homepage transparent + non-home white header friendly
   Center-out blue bar, proper active state
   ============================================================ */

@media (min-width: 993px) {

  /* Menu spacing */
  .site-header.header-v1 .primary-nav ul.header-menu,
  .site-header.header-v1 .primary-nav ul#menu-utama {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
  }

  .site-header.header-v1 .primary-nav ul li {
    margin: 0 !important;
  }

  .site-header.header-v1 .primary-nav ul li.infokru-header-contact-menu-item {
    margin-left: 10px !important;
  }

  /* Base menu */
  .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn) {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;

    padding: 7px 2px !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;

    position: relative !important;
    transition: color .2s ease, opacity .2s ease !important;
  }

  /* Homepage transparent header: menu putih */
  body.home .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.front-page .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn) {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .28) !important;
  }

  /* Non-home: menu gelap */
  body:not(.home):not(.front-page) .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn) {
    color: #111827 !important;
    text-shadow: none !important;
  }

  /* Blue bar base: dari tengah */
  .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn)::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;

    width: 90% !important;
    height: 3px !important;

    border-radius: 999px !important;
    background: #0057ff !important;

    transform: translateX(-50%) scaleX(0) !important;
    transform-origin: center center !important;
    transition: transform .24s ease !important;
  }

  /* Hover: bar melebar dari tengah */
  .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn):hover::after {
    transform: translateX(-50%) scaleX(1) !important;
  }

  /* Homepage: Home active */
  body.home .site-header.header-v1 .primary-nav ul li.ik-header-home-item > a::after,
  body.front-page .site-header.header-v1 .primary-nav ul li.ik-header-home-item > a::after {
    transform: translateX(-50%) scaleX(1) !important;
  }

  /* Non-home: active page sesuai current-menu/current-page, bukan Home terus */
  body:not(.home):not(.front-page) .site-header.header-v1 .primary-nav ul li.current-menu-item > a:not(.infokru-header-contact-btn)::after,
  body:not(.home):not(.front-page) .site-header.header-v1 .primary-nav ul li.current_page_item > a:not(.infokru-header-contact-btn)::after {
    transform: translateX(-50%) scaleX(1) !important;
  }

  /* Hover text homepage tetap putih */
  body.home .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn):hover,
  body.front-page .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn):hover,
  body.home .site-header.header-v1 .primary-nav ul li.ik-header-home-item > a,
  body.front-page .site-header.header-v1 .primary-nav ul li.ik-header-home-item > a {
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .28) !important;
  }

  /* Hover/active non-home tetap gelap, cuma bar biru */
  body:not(.home):not(.front-page) .site-header.header-v1 .primary-nav ul li a:not(.infokru-header-contact-btn):hover,
  body:not(.home):not(.front-page) .site-header.header-v1 .primary-nav ul li.current-menu-item > a:not(.infokru-header-contact-btn),
  body:not(.home):not(.front-page) .site-header.header-v1 .primary-nav ul li.current_page_item > a:not(.infokru-header-contact-btn) {
    color: #111827 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* Contact Us jangan ikut bar */
  .site-header.header-v1 .primary-nav ul li a.infokru-header-contact-btn::after,
  .infokru-header-contact-btn::after {
    display: none !important;
    content: none !important;
  }

  .site-header.header-v1 .primary-nav ul li a.infokru-header-contact-btn,
  .infokru-header-contact-btn {
    font-size: 15px !important;
    font-weight: 800 !important;
    padding: 13px 22px !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    background: #0057d8 !important;
    box-shadow: 0 8px 18px rgba(0, 87, 216, .24) !important;
    text-shadow: none !important;
  }
}
/* ============================================================
   INFOKRU - Homepage Sticky Header Text Fix
   Sticky white header: menu text black, blue bar remains
   ============================================================ */

@media (min-width: 993px) {

  /* Saat header homepage masuk sticky/white state */
  body.home .site-header.header-v1 .sticky-wrapper.is-sticky .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.front-page .site-header.header-v1 .sticky-wrapper.is-sticky .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.home .site-header.header-v1 .jobhunt-stick-this.is-sticky .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.front-page .site-header.header-v1 .jobhunt-stick-this.is-sticky .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.home .site-header.header-v1 .jobhunt-stick-this.stuck .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.front-page .site-header.header-v1 .jobhunt-stick-this.stuck .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.home .site-header.header-v1 .jobhunt-stick-this[style*="fixed"] .primary-nav ul li a:not(.infokru-header-contact-btn),
  body.front-page .site-header.header-v1 .jobhunt-stick-this[style*="fixed"] .primary-nav ul li a:not(.infokru-header-contact-btn) {
    color: #111827 !important;
    text-shadow: none !important;
  }

  /* Home active di sticky header tetap hitam, bukan putih */
  body.home .site-header.header-v1 .sticky-wrapper.is-sticky .primary-nav ul li.ik-header-home-item > a,
  body.front-page .site-header.header-v1 .sticky-wrapper.is-sticky .primary-nav ul li.ik-header-home-item > a,
  body.home .site-header.header-v1 .jobhunt-stick-this.is-sticky .primary-nav ul li.ik-header-home-item > a,
  body.front-page .site-header.header-v1 .jobhunt-stick-this.is-sticky .primary-nav ul li.ik-header-home-item > a,
  body.home .site-header.header-v1 .jobhunt-stick-this.stuck .primary-nav ul li.ik-header-home-item > a,
  body.front-page .site-header.header-v1 .jobhunt-stick-this.stuck .primary-nav ul li.ik-header-home-item > a,
  body.home .site-header.header-v1 .jobhunt-stick-this[style*="fixed"] .primary-nav ul li.ik-header-home-item > a,
  body.front-page .site-header.header-v1 .jobhunt-stick-this[style*="fixed"] .primary-nav ul li.ik-header-home-item > a {
    color: #111827 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Hover di sticky header tetap hitam text-nya, bar biru aja yang gerak */
  body.home .site-header.header-v1 .sticky-wrapper.is-sticky .primary-nav ul li a:not(.infokru-header-contact-btn):hover,
  body.front-page .site-header.header-v1 .sticky-wrapper.is-sticky .primary-nav ul li a:not(.infokru-header-contact-btn):hover,
  body.home .site-header.header-v1 .jobhunt-stick-this[style*="fixed"] .primary-nav ul li a:not(.infokru-header-contact-btn):hover,
  body.front-page .site-header.header-v1 .jobhunt-stick-this[style*="fixed"] .primary-nav ul li a:not(.infokru-header-contact-btn):hover {
    color: #111827 !important;
    text-shadow: none !important;
  }
}
/* ============================================================
   INFOKRU - Footer Light Polish Final
   ============================================================ */

.site-footer,
.footer,
.footer-v1,
.footer-widgets,
.site-footer .footer-widgets,
footer.site-footer {
  background: #f6faff !important;
  color: #475569 !important;
}

/* Top footer spacing */
.footer-widgets,
.site-footer .footer-widgets {
  padding-top: 54px !important;
  padding-bottom: 48px !important;
  border-top: 1px solid #e2e8f0 !important;
}

/* Footer logo area text */
.site-footer p,
.footer p,
.footer-v1 p,
.footer-widgets p {
  color: #64748b !important;
  line-height: 1.65 !important;
}

/* Footer headings */
.site-footer h2,
.site-footer h3,
.site-footer h4,
.footer h2,
.footer h3,
.footer h4,
.footer-v1 h2,
.footer-v1 h3,
.footer-v1 h4,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets .widget-title {
  color: #0f172a !important;
  font-weight: 800 !important;
  margin-bottom: 18px !important;
}

/* Footer links */
.site-footer a,
.footer a,
.footer-v1 a,
.footer-widgets a {
  color: #0057d8 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.site-footer a:hover,
.footer a:hover,
.footer-v1 a:hover,
.footer-widgets a:hover {
  color: #003f9e !important;
  text-decoration: underline !important;
}

/* Footer list item spacing */
.footer-widgets ul,
.site-footer ul {
  margin: 0 !important;
  padding: 0 !important;
}

.footer-widgets li,
.site-footer li {
  color: #64748b !important;
  margin-bottom: 12px !important;
  line-height: 1.5 !important;
}

/* Icon/arrow color */
.footer-widgets li i,
.footer-widgets li::before,
.site-footer li i,
.site-footer li::before {
  color: #64748b !important;
}

/* Bottom copyright bar dibuat terang */
.site-footer .site-info,
.footer .site-info,
.footer-v1 .site-info,
.footer-bottom-bar,
.footer-bottom,
.site-footer .footer-bottom {
  background: #eaf2ff !important;
  color: #475569 !important;
  border-top: 1px solid #dbeafe !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* Copyright text */
.site-footer .site-info,
.site-footer .site-info p,
.footer-bottom,
.footer-bottom p,
.footer-bottom-bar,
.footer-bottom-bar p {
  color: #475569 !important;
  font-size: 14px !important;
}

/* Copyright links */
.site-footer .site-info a,
.footer-bottom a,
.footer-bottom-bar a {
  color: #0057d8 !important;
  font-weight: 700 !important;
}

/* Back to top button tetap biru */
.back-to-top,
.scroll-to-top,
#scrollUp {
  background: #0057d8 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(0, 87, 216, 0.22) !important;
}
/* ============================================================
   INFOKRU - Footer Copyright Bar Light Final
   Target: .footer-copyright-bar-inner / .copyright-info
   ============================================================ */

.site-footer .footer-copyright-bar,
.footer-copyright-bar {
  background: #eaf2ff !important;
  border-top: 1px solid #dbeafe !important;
  padding: 18px 0 !important;
}

.site-footer .footer-copyright-bar-inner,
.footer-copyright-bar-inner {
  background: transparent !important;
  text-align: center !important;
}

.site-footer .copyright-info,
.footer-copyright-bar-inner .copyright-info,
.copyright-info {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

.site-footer .copyright-info a,
.footer-copyright-bar-inner .copyright-info a,
.copyright-info a {
  color: #0057d8 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.site-footer .copyright-info a:hover,
.footer-copyright-bar-inner .copyright-info a:hover,
.copyright-info a:hover {
  color: #003f9e !important;
  text-decoration: underline !important;
}
/* Footer spacing final polish */
.footer-widgets,
.site-footer .footer-widgets {
  padding-top: 44px !important;
  padding-bottom: 40px !important;
}

/* Copyright bar sedikit lebih compact */
.site-footer .footer-copyright-bar,
.footer-copyright-bar {
  padding: 15px 0 !important;
}

/* ============================================================
   INFOKRU - Mobile Bottom Nav Final Clean V2
   Bar follows text span, not full column
   ============================================================ */

.infokru-mobile-bottom-nav {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

/* Base item */
.infokru-mobile-bottom-nav > a {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 0 !important;
  min-height: 58px !important;
  padding: 8px 6px 10px !important;

  color: #64748b !important;
  background: transparent !important;

  font-weight: 700 !important;
  text-decoration: none !important;

  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  overflow: hidden !important;
  transition: color .2s ease, background .2s ease !important;
}

/* Divider antar menu */
.infokru-mobile-bottom-nav > a:not(:last-child) {
  border-right: 1px solid #e5edf7 !important;
}

/* Kill active bawaan theme/plugin */
.infokru-mobile-bottom-nav > a.active,
.infokru-mobile-bottom-nav > a.current,
.infokru-mobile-bottom-nav > a.current-menu-item,
.infokru-mobile-bottom-nav > a.current_page_item,
.infokru-mobile-bottom-nav > a:focus {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Matikan pseudo lama di anchor */
.infokru-mobile-bottom-nav > a::before,
.infokru-mobile-bottom-nav > a::after {
  display: none !important;
  content: none !important;
}

/* Icon */
.infokru-mobile-bottom-nav > a i {
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
}

/* Text */
.infokru-mobile-bottom-nav > a span {
  position: relative !important;
  display: inline-block !important;

  color: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  padding-bottom: 5px !important;
}

/* Bar di bawah text, bukan column */
.infokru-mobile-bottom-nav > a span::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 3px !important;

  border-radius: 999px !important;
  background: #0057ff !important;

  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center center !important;
  transition: transform .22s ease !important;
}

/* Active final */
.infokru-mobile-bottom-nav > a.ik-mobile-bottom-active {
  color: #0057d8 !important;
  background: #f3f8ff !important;
  font-weight: 800 !important;
}

/* Active bar */
.infokru-mobile-bottom-nav > a.ik-mobile-bottom-active span::after {
  transform: translateX(-50%) scaleX(1) !important;
}

/* Hover / tap feedback */
.infokru-mobile-bottom-nav > a:hover {
  color: #0057d8 !important;
  background: #f3f8ff !important;
}

.infokru-mobile-bottom-nav > a:hover span::after {
  transform: translateX(-50%) scaleX(1) !important;
}
/* ============================================================
   INFOKRU - Contact Us Editable Page Final Styling
   ============================================================ */

.infokru-contact-page {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 48px 24px 72px !important;
}

/* Hero */
.infokru-contact-hero {
  text-align: center !important;
  padding: 56px 28px !important;
  margin-bottom: 28px !important;

  border-radius: 20px !important;
  background: linear-gradient(135deg, #0f4c91 0%, #0057d8 55%, #22a6d9 100%) !important;
  box-shadow: 0 18px 40px rgba(0, 87, 216, 0.14) !important;
}

.infokru-contact-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-bottom: 14px !important;
  padding: 7px 14px !important;

  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;

  font-size: 13px !important;
  font-weight: 800 !important;
}

.infokru-contact-hero h1 {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
}

.infokru-contact-hero p {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Main layout */
.infokru-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.85fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.infokru-contact-main-card,
.infokru-contact-info-card {
  background: #ffffff !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.infokru-contact-main-card {
  padding: 34px !important;
}

.infokru-contact-info-card {
  padding: 28px !important;
  position: sticky !important;
  top: 110px !important;
}

.infokru-contact-main-card h2,
.infokru-contact-info-card h3 {
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.infokru-contact-main-card h2 {
  font-size: 28px !important;
}

.infokru-contact-info-card h3 {
  font-size: 22px !important;
}

.infokru-contact-main-card > p {
  margin: 0 0 24px !important;
  color: #64748b !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Buttons */
.infokru-contact-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin: 26px 0 28px !important;
}

.infokru-contact-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 48px !important;
  padding: 0 22px !important;

  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  line-height: 1 !important;

  transition: all .2s ease !important;
}

.infokru-contact-btn.primary {
  background: #25d366 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(37, 211, 102, 0.22) !important;
}

.infokru-contact-btn.secondary {
  background: #ffffff !important;
  color: #0057d8 !important;
  border: 1.5px solid #0057d8 !important;
}

.infokru-contact-btn:hover {
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

.infokru-contact-btn.primary:hover {
  color: #ffffff !important;
  background: #20bd5a !important;
}

.infokru-contact-btn.secondary:hover {
  color: #ffffff !important;
  background: #0057d8 !important;
}

/* Help boxes */
.infokru-contact-help-box {
  padding: 22px 24px !important;
  margin-top: 18px !important;

  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
}

.infokru-contact-help-box strong {
  display: block !important;
  margin-bottom: 10px !important;
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.infokru-contact-help-box p {
  margin: 0 0 12px !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.infokru-contact-help-box p:last-child {
  margin-bottom: 0 !important;
}

/* Info card */
.infokru-contact-info-list {
  display: grid !important;
  gap: 14px !important;
  margin-top: 22px !important;
}

.infokru-contact-info-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;

  padding: 16px !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
  border: 1px solid #e2e8f0 !important;
}

.infokru-contact-info-item i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  border-radius: 12px !important;
  background: #eef6ff !important;
  color: #0057d8 !important;

  font-size: 20px !important;
  flex: 0 0 auto !important;
}

.infokru-contact-info-item span {
  display: block !important;
  margin-bottom: 4px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.infokru-contact-info-item strong {
  display: block !important;
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}

.infokru-contact-disclaimer {
  margin-top: 22px !important;
  padding: 16px !important;

  border-radius: 14px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;

  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* Responsive */
@media (max-width: 991px) {
  .infokru-contact-page {
    padding: 34px 18px 56px !important;
  }

  .infokru-contact-grid {
    grid-template-columns: 1fr !important;
  }

  .infokru-contact-info-card {
    position: static !important;
  }

  .infokru-contact-main-card,
  .infokru-contact-info-card {
    padding: 24px !important;
  }
}

@media (max-width: 600px) {
  .infokru-contact-page {
    padding: 26px 14px 44px !important;
  }

  .infokru-contact-hero {
    padding: 38px 20px !important;
    border-radius: 18px !important;
  }

  .infokru-contact-hero h1 {
    font-size: 30px !important;
  }

  .infokru-contact-hero p {
    font-size: 15px !important;
  }

  .infokru-contact-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .infokru-contact-btn {
    width: 100% !important;
  }

  .infokru-contact-main-card,
  .infokru-contact-info-card {
    padding: 22px !important;
    border-radius: 18px !important;
  }

  .infokru-contact-main-card h2 {
    font-size: 24px !important;
  }
}
/* ============================================================
   INFOKRU - Contact Info Card Inner Spacing Exact Patch
   Target: aside.infokru-contact-info-card
   ============================================================ */

body .infokru-contact-page aside.infokru-contact-info-card {
  padding-left: 36px !important;
  padding-right: 32px !important;
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

body .infokru-contact-page aside.infokru-contact-info-card > h3 {
  margin-left: 0 !important;
  margin-bottom: 22px !important;
}

body .infokru-contact-page aside.infokru-contact-info-card .infokru-contact-info-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 16px !important;
}

body .infokru-contact-page aside.infokru-contact-info-card .infokru-contact-info-item {
  padding: 18px 20px !important;
  gap: 16px !important;
}

body .infokru-contact-page aside.infokru-contact-info-card .infokru-contact-info-item > div {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body .infokru-contact-page aside.infokru-contact-info-card .infokru-contact-info-item strong {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body .infokru-contact-page aside.infokru-contact-info-card .infokru-contact-disclaimer {
  margin-top: 24px !important;
  padding: 18px 20px !important;
}

/* Mobile: jangan terlalu makan ruang */
@media (max-width: 600px) {
  body .infokru-contact-page aside.infokru-contact-info-card {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  body .infokru-contact-page aside.infokru-contact-info-card .infokru-contact-info-item {
    padding: 16px 16px !important;
    gap: 14px !important;
  }

  body .infokru-contact-page aside.infokru-contact-info-card .infokru-contact-disclaimer {
    padding: 16px 16px !important;
  }
}
/* ============================================================
   INFOKRU - Mobile Footer Copyright Light Fix
   ============================================================ */

@media (max-width: 767px) {
  .site-footer .footer-copyright-bar,
  .footer-copyright-bar,
  .site-footer .footer-copyright-bar .container,
  .footer-copyright-bar .container,
  .site-footer .footer-copyright-bar-inner,
  .footer-copyright-bar-inner {
    background: #eaf2ff !important;
    color: #475569 !important;
    border-top: 1px solid #dbeafe !important;
  }

  .site-footer .footer-copyright-bar {
    padding: 18px 16px 94px !important; 
  }

  .footer-copyright-bar-inner .copyright-info,
  .site-footer .copyright-info,
  .copyright-info {
    color: #475569 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    opacity: 1 !important;
  }

  .footer-copyright-bar-inner .copyright-info *,
  .site-footer .copyright-info *,
  .copyright-info * {
    color: inherit !important;
    opacity: 1 !important;
  }

  .footer-copyright-bar-inner .copyright-info a,
  .site-footer .copyright-info a,
  .copyright-info a {
    color: #0057d8 !important;
    font-weight: 800 !important;
  }
}
/* ============================================================
   INFOKRU - Report Job Modal Form Final
   ============================================================ */

.ik-report-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
}

.ik-report-modal.is-open {
  display: flex !important;
}

.ik-report-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, 0.58) !important;
  backdrop-filter: blur(6px) !important;
}

.ik-report-modal-dialog {
  position: relative !important;
  width: 100% !important;
  max-width: 520px !important;
  background: #ffffff !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 22px !important;
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.28) !important;
  padding: 28px !important;
  animation: ikReportModalIn .18s ease-out !important;
}

@keyframes ikReportModalIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ik-report-modal-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.ik-report-modal-header {
  padding-right: 34px !important;
  margin-bottom: 20px !important;
}

.ik-report-modal-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  background: #fee2e2 !important;
  color: #e11d48 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.ik-report-modal-header h3 {
  margin: 0 0 8px !important;
  color: #0f172a !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.ik-report-modal-header p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.ik-report-field {
  margin-bottom: 16px !important;
}

.ik-report-field label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.ik-report-field input,
.ik-report-field textarea {
  width: 100% !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  padding: 13px 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.ik-report-field input[readonly] {
  color: #475569 !important;
  cursor: not-allowed !important;
}

.ik-report-field textarea {
  resize: vertical !important;
  min-height: 130px !important;
}

.ik-report-field textarea:focus {
  border-color: #0057d8 !important;
  box-shadow: 0 0 0 4px rgba(0, 87, 216, 0.10) !important;
  background: #ffffff !important;
}

.ik-report-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.ik-report-cancel,
.ik-report-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.ik-report-cancel {
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #475569 !important;
}

.ik-report-submit {
  border: 0 !important;
  background: #e11d48 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(225, 29, 72, 0.22) !important;
}

.ik-report-submit:hover {
  background: #be123c !important;
}

@media (max-width: 600px) {
  .ik-report-modal {
    align-items: flex-end !important;
    padding: 12px !important;
  }

  .ik-report-modal-dialog {
    max-width: 100% !important;
    border-radius: 22px 22px 18px 18px !important;
    padding: 24px 20px !important;
  }

  .ik-report-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .ik-report-cancel,
  .ik-report-submit {
    width: 100% !important;
  }
}
/* ============================================================
   INFOKRU - Footer Mobile/Desktop Light Final Fix
   Target exact: #colophon.footer-v1 + .footer-copyright-bar
   ============================================================ */

/* Parent footer jangan dark lagi */
footer#colophon.site-footer.footer-v1,
#colophon.site-footer.footer-v1,
.site-footer.footer-v1 {
  background: #f6faff !important;
  color: #475569 !important;
}

/* Footer widgets/top area */
footer#colophon.site-footer.footer-v1 .footer-widgets,
#colophon.site-footer.footer-v1 .footer-widgets,
.site-footer.footer-v1 .footer-widgets {
  background: #f6faff !important;
  color: #475569 !important;
  border-top: 1px solid #e2e8f0 !important;
}

/* Copyright bar exact target */
footer#colophon.site-footer.footer-v1 .footer-copyright-bar,
#colophon.site-footer.footer-v1 .footer-copyright-bar,
.footer-copyright-bar {
  background: #eaf2ff !important;
  color: #475569 !important;
  border-top: 1px solid #dbeafe !important;
  padding: 18px 18px !important;
}

/* Container dan inner jangan bawa background dark */
footer#colophon.site-footer.footer-v1 .footer-copyright-bar .container,
footer#colophon.site-footer.footer-v1 .footer-copyright-bar-inner,
#colophon.site-footer.footer-v1 .footer-copyright-bar .container,
#colophon.site-footer.footer-v1 .footer-copyright-bar-inner,
.footer-copyright-bar .container,
.footer-copyright-bar-inner {
  background: transparent !important;
  color: #475569 !important;
}

/* Text copyright */
footer#colophon.site-footer.footer-v1 .copyright-info,
#colophon.site-footer.footer-v1 .copyright-info,
.footer-copyright-bar .copyright-info,
.footer-copyright-bar-inner .copyright-info,
.copyright-info {
  color: #475569 !important;
  opacity: 1 !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Semua child text jangan inherit navy/faded */
footer#colophon.site-footer.footer-v1 .copyright-info *,
#colophon.site-footer.footer-v1 .copyright-info *,
.footer-copyright-bar .copyright-info *,
.footer-copyright-bar-inner .copyright-info *,
.copyright-info * {
  color: inherit !important;
  opacity: 1 !important;
}

/* Link tetap biru brand */
footer#colophon.site-footer.footer-v1 .copyright-info a,
#colophon.site-footer.footer-v1 .copyright-info a,
.footer-copyright-bar .copyright-info a,
.footer-copyright-bar-inner .copyright-info a,
.copyright-info a {
  color: #0057d8 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

footer#colophon.site-footer.footer-v1 .copyright-info a:hover,
#colophon.site-footer.footer-v1 .copyright-info a:hover,
.footer-copyright-bar .copyright-info a:hover,
.footer-copyright-bar-inner .copyright-info a:hover,
.copyright-info a:hover {
  color: #003f9e !important;
  text-decoration: underline !important;
}

/* Mobile: kasih ruang buat bottom nav fixed */
@media (max-width: 767px) {
  footer#colophon.site-footer.footer-v1 .footer-copyright-bar,
  #colophon.site-footer.footer-v1 .footer-copyright-bar,
  .footer-copyright-bar {
    background: #eaf2ff !important;
    padding: 18px 16px 104px !important;
  }

  footer#colophon.site-footer.footer-v1,
  #colophon.site-footer.footer-v1,
  .site-footer.footer-v1 {
    background: #f6faff !important;
  }
}
/* ============================================================
   INFOKRU - Footer Copyright Text Vertical Position Patch
   ============================================================ */

.footer-copyright-bar .copyright-info,
.footer-copyright-bar-inner .copyright-info,
.site-footer .copyright-info {
  transform: translateY(10px) !important;
}

/* Mobile: turunin sedikit lebih halus */
@media (max-width: 767px) {
  .footer-copyright-bar .copyright-info,
  .footer-copyright-bar-inner .copyright-info,
  .site-footer .copyright-info {
    transform: translateY(20px) !important;
  }
}

/* ============================================================
   INFOKRU - FINAL STABILIZER 2026-06-02
   Pair with final functions.php.
   Scope:
   1) Urgent ticker remains in the original ticker system.
   2) Header offset stays stable when ticker is active.
   3) Homepage empty strips use one consistent visual component.
   ============================================================ */

:root {
  --infokru-ticker-height: 30px;
}

/* Final ticker source of truth: use original ticker markup, never JS overlay ticker */
.infokru-ticker-wrap {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999999 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  height: var(--infokru-ticker-height) !important;
  min-height: var(--infokru-ticker-height) !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  background: var(--ik-red, #e11d48) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.infokru-ticker-label {
  display: none !important;
}

.infokru-ticker-content {
  display: flex !important;
  align-items: center !important;
  height: var(--infokru-ticker-height) !important;
  line-height: var(--infokru-ticker-height) !important;
  white-space: nowrap !important;
  padding-left: 100% !important;
  animation: ik-ticker 25s linear infinite !important;
}

.infokru-ticker-content:hover {
  animation-play-state: paused !important;
}

.infokru-ticker-content a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: var(--infokru-ticker-height) !important;
  margin-right: 54px !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.infokru-ticker-content a::before {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
}

.infokru-ticker-content a:hover {
  color: #fde047 !important;
  text-decoration: none !important;
}

body.infokru-has-urgent-ticker {
  padding-top: var(--infokru-ticker-height) !important;
}

body.infokru-has-urgent-ticker .site-header,
body.infokru-has-urgent-ticker header#masthead,
body.infokru-has-urgent-ticker .header-v1,
body.infokru-has-urgent-ticker .site-header.header-v1,
body.infokru-has-urgent-ticker .jobhunt-stick-this.stuck,
body.infokru-has-urgent-ticker .desktop-only.jobhunt-stick-this.stuck,
body.infokru-has-urgent-ticker.home .site-header,
body.infokru-has-urgent-ticker.page-template-template-homepage-v1 .site-header,
body.infokru-has-urgent-ticker.post-type-archive-job_listing .site-header,
body.infokru-has-urgent-ticker.infokru-contact-clean-page .site-header {
  top: var(--infokru-ticker-height) !important;
}

body.admin-bar .infokru-ticker-wrap {
  top: 32px !important;
}

body.admin-bar.infokru-has-urgent-ticker .site-header,
body.admin-bar.infokru-has-urgent-ticker header#masthead,
body.admin-bar.infokru-has-urgent-ticker .header-v1,
body.admin-bar.infokru-has-urgent-ticker .site-header.header-v1,
body.admin-bar.infokru-has-urgent-ticker.home .site-header,
body.admin-bar.infokru-has-urgent-ticker.page-template-template-homepage-v1 .site-header,
body.admin-bar.infokru-has-urgent-ticker.post-type-archive-job_listing .site-header,
body.admin-bar.infokru-has-urgent-ticker.infokru-contact-clean-page .site-header {
  top: calc(32px + var(--infokru-ticker-height)) !important;
}

@media (max-width: 782px) {
  body.admin-bar .infokru-ticker-wrap {
    top: 46px !important;
  }

  body.admin-bar.infokru-has-urgent-ticker .site-header,
  body.admin-bar.infokru-has-urgent-ticker header#masthead,
  body.admin-bar.infokru-has-urgent-ticker .header-v1,
  body.admin-bar.infokru-has-urgent-ticker .site-header.header-v1,
  body.admin-bar.infokru-has-urgent-ticker.home .site-header,
  body.admin-bar.infokru-has-urgent-ticker.page-template-template-homepage-v1 .site-header,
  body.admin-bar.infokru-has-urgent-ticker.post-type-archive-job_listing .site-header,
  body.admin-bar.infokru-has-urgent-ticker.infokru-contact-clean-page .site-header {
    top: calc(46px + var(--infokru-ticker-height)) !important;
  }
}

/* Remove old broken empty/ticker experiment classes if any cache still outputs them */
.infokru-empty-ticker,
.infokru-empty-urgent-ticker,
.infokru-urgent-ticker-fallback-pro,
.infokru-empty-urgent-ticker-force,
.infokru-urgent-empty-ticker-stable,
.infokru-empty-compact,
.infokru-empty-section,
.infokru-empty-pro-section,
#infokru-urgent-empty-section,
#infokru-urgent-empty-pro-section {
  display: none !important;
}

/* Homepage empty state strip - source of truth */
.infokru-home-empty-strip {
  max-width: 860px !important;
  margin: 22px auto 30px !important;
  padding: 18px 20px !important;

  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid #dbeafe !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15, 52, 96, 0.055) !important;

  box-sizing: border-box !important;
  text-align: left !important;
}

.infokru-home-empty-strip__icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;
  background: #eff6ff !important;
  color: #0057d8 !important;
}

.infokru-home-empty-strip__icon i {
  color: #0057d8 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.infokru-home-empty-strip__content {
  min-width: 0 !important;
}

.infokru-home-empty-strip__content h4 {
  margin: 0 0 4px !important;

  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.infokru-home-empty-strip__content p {
  margin: 0 !important;

  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Make default yellow no-vacancy alert harmless if it is still rendered by a cached shortcode */
body.home .jh-section .job-manager-message,
body.home .jh-section .woocommerce-info,
body.home .jh-section .alert-warning,
body.page-template-template-homepage-v1 .jh-section .job-manager-message,
body.page-template-template-homepage-v1 .jh-section .woocommerce-info,
body.page-template-template-homepage-v1 .jh-section .alert-warning {
  display: none !important;
}

@media (max-width: 767px) {
  .infokru-home-empty-strip {
    margin: 18px 16px 28px !important;
    padding: 18px !important;
    flex-direction: column !important;
    text-align: center !important;
  }

  .infokru-home-empty-strip__content h4 {
    font-size: 15px !important;
  }

  .infokru-home-empty-strip__content p {
    font-size: 13px !important;
  }
}
/* ============================================================
   INFOKRU - Vessel Type No Openings Color Polish
   ============================================================ */

.infokru-vessel-section .vessel-count .empty,
.infokru-vessel-section .vessel-count span.empty,
.infokru-vessel-section .infokru-vessel-modern .vessel-count .empty {
  color: #4f8dfd !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* ============================================================
   INFOKRU - FINAL CLIENT PATCH v2
   Purpose:
   - Align Jobs / Companies / Contact Us hero pill spacing visually
   - Keep Contact Us hero full-width while cards stay boxed
   - Polish vessel "No Openings" color
   ============================================================ */
:root {
  --infokru-page-hero-height: 288px;
  --infokru-page-hero-gradient: linear-gradient(120deg, #5862b1 0%, #252b54 100%);
}

body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero,
body.post-type-archive-company .site-content-page-header,
body.infokru-contact-clean-page .infokru-contact-hero {
  width: 100% !important;
  min-height: var(--infokru-page-hero-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--infokru-page-hero-gradient) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero .site-content-page-header-inner,
body.post-type-archive-company .site-content-page-header,
body.infokru-contact-clean-page .infokru-contact-hero {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

body.post-type-archive-job_listing .site-content-page-header.infokru-jobs-archive-hero .site-content-page-header-inner {
  width: 100% !important;
  max-width: none !important;
  min-height: var(--infokru-page-hero-height) !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-copy,
body.post-type-archive-company .infokru-company-archive-hero,
body.infokru-contact-clean-page .infokru-contact-hero {
  width: 100% !important;
  max-width: 760px !important;
  min-height: var(--infokru-page-hero-height) !important;
  margin: 0 auto !important;
  padding: 48px 24px 42px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transform: none !important;
}

body.infokru-contact-clean-page .infokru-contact-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 72px !important;
  background: #f4f8fd !important;
}

body.infokru-contact-clean-page .infokru-contact-grid {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 48px auto 0 !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-eyebrow,
body.post-type-archive-company .infokru-company-archive-badge,
body.infokru-contact-clean-page .infokru-contact-eyebrow {
  min-height: 28px !important;
  margin: 0 0 14px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-copy h1,
body.post-type-archive-company .infokru-company-archive-hero h1,
body.infokru-contact-clean-page .infokru-contact-hero h1 {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-copy p,
body.post-type-archive-company .infokru-company-archive-hero p,
body.infokru-contact-clean-page .infokru-contact-hero p {
  max-width: 650px !important;
  margin: 0 auto 18px !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
}

body.infokru-contact-clean-page .infokru-contact-hero p {
  margin-bottom: 0 !important;
}

body.post-type-archive-job_listing .infokru-jobs-hero-count,
body.post-type-archive-company .infokru-company-archive-count {
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #003b6f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.infokru-vessel-section .vessel-count .empty,
.infokru-vessel-section .vessel-count span.empty,
body.home .infokru-vessel-section .vessel-count .empty,
body.page-template-template-homepage-v1 .infokru-vessel-section .vessel-count span.empty {
  color: #4f8dfd !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

@media (max-width: 600px) {
  :root {
    --infokru-page-hero-height: 250px;
  }

  body.post-type-archive-job_listing .infokru-jobs-hero-copy,
  body.post-type-archive-company .infokru-company-archive-hero,
  body.infokru-contact-clean-page .infokru-contact-hero {
    padding: 40px 20px 34px !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-hero-copy h1,
  body.post-type-archive-company .infokru-company-archive-hero h1,
  body.infokru-contact-clean-page .infokru-contact-hero h1 {
    font-size: 30px !important;
    letter-spacing: -0.03em !important;
  }

  body.post-type-archive-job_listing .infokru-jobs-hero-copy p,
  body.post-type-archive-company .infokru-company-archive-hero p,
  body.infokru-contact-clean-page .infokru-contact-hero p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.infokru-contact-clean-page .infokru-contact-grid {
    margin-top: 34px !important;
    padding: 0 14px !important;
  }
}
/* ============================================================
   INFOKRU - Contact Us Hero Micro Alignment
   Naikkan isi hero sedikit agar sejajar visual dengan Jobs/Companies
   ============================================================ */

body.infokru-contact-clean-page .infokru-contact-hero > * {
  transform: translateY(-6px) !important;
}
/**
 * ============================================================
 * INFOKRU - 320px Employer Banner Button Alignment Fix
 * ============================================================
 * Fix:
 * - Button "Post Lowongan Gratis" center di card kecil
 * - Khusus small mobile
 * - Tidak ganggu tablet / desktop
 * ============================================================
 */

@media (max-width: 360px) {
    .banners-block .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

    .banners-block-inner {
        width: 100% !important;
        max-width: 272px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        text-align: center !important;
    }

    .banners-block-inner .section-header {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .banners-block-inner .action {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }

    .banners-block-inner .action .action-link,
    .banners-block-inner .action a,
    .banners-block-inner .ik-post-job-to-contact,
    .banners-block-inner .ik-simple-post-job-link {
        width: 100% !important;
        max-width: 218px !important;
        min-width: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 16px 14px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
        white-space: normal !important;
        line-height: 1.2 !important;

        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;

        box-sizing: border-box !important;
    }
}

/* InfoKru - View counter pill mobile alignment */
.infokru-card-view-counter,
.infokru-detail-view-pill {
    align-self: flex-start !important;
    width: max-content !important;
    margin-left: 0 !important;
}

.job_listing .infokru-card-view-counter,
.infokru-job-card .infokru-card-view-counter {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .infokru-card-view-counter,
    .infokru-detail-view-pill {
        display: inline-flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        margin-left: 0 !important;
        transform: none !important;
    }

    .job_listing .infokru-card-view-counter,
    .infokru-job-card .infokru-card-view-counter {
        margin-left: 0 !important;
    }
}

/* ============================================================
   JOBS ARCHIVE - Small gap fix for hidden expired cards
   Fix nth-child spacing issue caused by hidden expired li
   ============================================================ */

@media (min-width: 992px) {
  body.post-type-archive-job_listing ul.job_listings.grid {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 24px !important;
    row-gap: 24px !important;
    align-items: stretch !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing {
    flex: 0 0 calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    margin: 0 !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing:nth-child(odd),
  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing:nth-child(even) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.post-type-archive-job_listing ul.job_listings.grid > li.job_listing.infokru-expired-ghost-hidden-v6 {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}