/* ==========================================================================
   HOMEPAGE-ONLY STYLES — enqueued only on is_front_page()
   ========================================================================== */

/* Downloads & Resources — accommodate the added file meta + explicit
   Download button without altering the existing card's look. */
.aii-download-item{flex-wrap:wrap;}
.aii-download-item > div{flex:1 1 160px;min-width:0;}
.aii-download-item__btn{flex-shrink:0;white-space:nowrap;}

/* Featured Companies logo strip */
.aii-partners{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.5rem;}
.aii-partners__logo{height:44px;width:auto;filter:grayscale(1);opacity:.7;transition:filter .18s ease, opacity .18s ease;}
.aii-partners__logo:hover{filter:grayscale(0);opacity:1;}

/* Popular Categories — reuses the aii-aicte-sources pill pattern, but
   each pill is now a link, so the padding/hover state moves onto the
   inner <a> instead of the <li>. */
.aii-popular-categories li{padding:0;overflow:hidden;}
.aii-popular-categories li a{
  display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem .85rem;
  color:var(--aii-text);text-decoration:none;transition:color .18s ease,background-color .18s ease;
}
.aii-popular-categories li a:hover,
.aii-popular-categories li a:focus-visible{background:#e7f0fe;color:var(--aii-primary);}

/* Schemes grid */
.aii-schemes{display:grid;gap:1.25rem;grid-template-columns:1fr;}
@media(min-width:720px){.aii-schemes{grid-template-columns:repeat(3,1fr);}}
.aii-scheme-card{background:var(--aii-white);border:1px solid #e6ebf1;border-radius:var(--aii-radius);padding:1.5rem;}
.aii-scheme-card__title{font-weight:700;color:var(--aii-dark);margin:0 0 .5rem;font-size:1rem;}
.aii-scheme-card__desc{font-size:.875rem;color:#667685;margin:0 0 1rem;}

/* ==========================================================================
   "Apprenticeship vs Internship" — comparison section
   ========================================================================== */

.aii-compare-cols{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem;}
@media(min-width:720px){.aii-compare-cols{grid-template-columns:1fr 1fr;}}

.aii-compare-col{background:var(--aii-white);border:1px solid #e6ebf1;border-radius:var(--aii-radius);padding:1.75rem;}
.aii-compare-col__title{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;color:var(--aii-dark);margin:0 0 1rem;}
.aii-compare-col__icon{width:24px;height:24px;color:var(--aii-primary);flex-shrink:0;}
.aii-compare-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;}
.aii-compare-col__list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9375rem;color:var(--aii-text);line-height:1.5;}
.aii-compare-col__bullet{width:18px;height:18px;color:var(--aii-green);flex-shrink:0;margin-top:.1rem;}

/* Generic Government-style data table used across homepage sections. */
.aii-table-wrap{overflow-x:auto;margin-bottom:2rem;border:1px solid #e6ebf1;border-radius:var(--aii-radius);}
.aii-table{width:100%;border-collapse:collapse;background:var(--aii-white);}
.aii-table thead th{background:var(--aii-dark);color:#fff;text-align:left;padding:.9rem 1.1rem;font-size:.875rem;font-weight:700;}
.aii-table tbody td{padding:.9rem 1.1rem;border-bottom:1px solid #eef1f5;font-size:.9rem;color:var(--aii-text);}
.aii-table tbody tr:last-child td{border-bottom:none;}
.aii-table tbody tr:nth-child(even){background:var(--aii-bg);}

/* Important-notice callout box. */
.aii-notice{display:flex;gap:.85rem;align-items:flex-start;background:#e7f0fe;border:1px solid #c7defb;border-radius:var(--aii-radius);padding:1.1rem 1.25rem;}
.aii-notice__icon{width:22px;height:22px;color:var(--aii-primary);flex-shrink:0;margin-top:.1rem;}
.aii-notice p{margin:0;font-size:.9rem;color:var(--aii-dark);line-height:1.6;}

/* ==========================================================================
   "AICTE Internship Opportunities" section
   ========================================================================== */

.aii-subheading{font-size:1.1rem;font-weight:800;color:var(--aii-dark);margin:2rem 0 1rem;}

.aii-aicte-sources{list-style:none;margin:0 0 .5rem;padding:0;display:grid;gap:.75rem;grid-template-columns:1fr;}
@media(min-width:600px){.aii-aicte-sources{grid-template-columns:repeat(2,1fr);}}
@media(min-width:960px){.aii-aicte-sources{grid-template-columns:repeat(4,1fr);}}
.aii-aicte-sources li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--aii-text);background:var(--aii-white);border:1px solid #e6ebf1;border-radius:var(--aii-radius);padding:.65rem .85rem;}
.aii-aicte-sources__icon{width:16px;height:16px;color:var(--aii-primary);flex-shrink:0;}

.aii-feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem;}
@media(min-width:600px){.aii-feature-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:960px){.aii-feature-grid{grid-template-columns:repeat(3,1fr);}}
.aii-feature-card{background:var(--aii-white);border:1px solid #e6ebf1;border-radius:var(--aii-radius);padding:1.25rem 1rem;text-align:center;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.aii-feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,94,215,.1);border-color:var(--aii-primary);}
.aii-feature-card__icon{width:30px;height:30px;color:var(--aii-primary);margin:0 auto .6rem;}
.aii-feature-card__title{margin:0;font-size:.85rem;font-weight:700;color:var(--aii-dark);}

.aii-aicte-cta{display:flex;justify-content:center;margin-top:1.5rem;}

/* Latest updates list */
.aii-updates{display:flex;flex-direction:column;gap:1rem;}
.aii-update-item{display:flex;gap:1rem;padding:1rem;background:var(--aii-white);border:1px solid #e6ebf1;border-radius:var(--aii-radius);}
.aii-update-item__date{flex-shrink:0;width:60px;text-align:center;background:#e7f0fe;color:var(--aii-primary);border-radius:6px;padding:.4rem .25rem;font-weight:700;font-size:.75rem;}
.aii-update-item__title{margin:0 0 .25rem;font-weight:600;font-size:.9375rem;}
.aii-update-item__title a{color:var(--aii-text);text-decoration:none;}
.aii-update-item__title a:hover{color:var(--aii-primary);}

/* ==========================================================================
   "Latest Apprenticeship Opportunities" — Government-style Announcements
   panel. Original layout (not copied from any external site): a single
   white card with a blue header bar, a left-hand vertical timeline for
   the latest published Posts, and a centered footer CTA. Every published
   standard Post appears automatically — see template-parts/home/
   featured-opportunities.php (plain WP_Query, no CPT, no meta_query).
   ========================================================================== */

.aii-announce{
  width:100%;
  background:var(--aii-white);
  border:1px solid #e6ebf1;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(0,59,117,.08);
  overflow:hidden;
}

/* Blue header bar with a small icon on the left. */
.aii-announce__header{
  display:flex;
  align-items:center;
  gap:.75rem;
  background:linear-gradient(135deg,var(--aii-dark) 0%,var(--aii-primary) 100%);
  padding:1.1rem 1.5rem;
}

.aii-announce__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
}

.aii-announce__icon .aii-icon{width:18px;height:18px;}

.aii-announce__title{
  margin:0;
  font-size:1.1rem;
  font-weight:800;
  letter-spacing:-.01em;
  color:#fff;
}

.aii-announce__body{
  padding:2rem 1.75rem .5rem;
}

/* Vertical timeline: a single connecting line running behind every
   marker, drawn once on the list rather than stitched between items. */
.aii-announce-timeline{
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
}

.aii-announce-timeline::before{
  content:"";
  position:absolute;
  top:6px;
  bottom:6px;
  left:6px;
  width:2px;
  background:#e2e8f0;
}

.aii-announce-timeline__item{
  position:relative;
  padding-left:2.25rem;
  padding-bottom:30px; /* 28–32px vertical rhythm between items */
}

.aii-announce-timeline__item:last-child{
  padding-bottom:.5rem;
}

.aii-announce-timeline__marker{
  position:absolute;
  top:4px;
  left:0;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--aii-white);
  border:3px solid var(--aii-primary);
  z-index:1;
}

/* The most recent post gets a filled marker so the newest item reads
   as visually "live" against the hollow markers below it. */
.aii-announce-timeline__item--latest .aii-announce-timeline__marker{
  background:var(--aii-primary);
  box-shadow:0 0 0 4px rgba(11,94,215,.14);
}

.aii-announce-timeline__content{
  border-radius:8px;
  padding:.15rem .9rem .6rem .4rem;
  margin-left:-.4rem;
  transition:background-color .2s ease;
}

/* Hover: light blue background + title turns theme blue. */
.aii-announce-timeline__item:hover .aii-announce-timeline__content{
  background:#eef4fd;
}

.aii-announce-timeline__title{
  margin:0 0 .3rem;
  font-size:.9375rem;
  font-weight:700;
}

.aii-announce-timeline__title a{
  color:var(--aii-dark);
  text-decoration:none;
  transition:color .2s ease;
}

.aii-announce-timeline__item:hover .aii-announce-timeline__title a{
  color:var(--aii-primary);
}

.aii-announce-timeline__date{
  display:block;
  font-size:.75rem;
  font-weight:600;
  color:#8593a1;
  margin:0 0 .4rem;
}

.aii-announce-timeline__excerpt{
  margin:0 0 .5rem;
  font-size:.875rem;
  line-height:1.5;
  color:var(--aii-text);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.aii-announce-timeline__more{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  font-size:.8125rem;
  font-weight:700;
  color:var(--aii-primary);
  text-decoration:none;
}

.aii-announce-timeline__more .aii-icon{width:13px;height:13px;}
.aii-announce-timeline__more:hover{color:var(--aii-dark);text-decoration:underline;}

.aii-announce__footer{
  display:flex;
  justify-content:center;
  padding:1.5rem 1.75rem;
  border-top:1px solid #eef1f5;
  background:var(--aii-bg);
}

@media (prefers-reduced-motion:reduce){
  .aii-announce-timeline__content,
  .aii-announce-timeline__title a{transition:none;}
}

/* Mobile: keep the timeline clean, items stack, no horizontal scroll. */
@media (max-width:559px){
  .aii-announce__header{padding:1rem 1.1rem;}
  .aii-announce__body{padding:1.5rem 1.1rem .25rem;}
  .aii-announce-timeline__item{padding-left:1.85rem;padding-bottom:28px;}
  .aii-announce-timeline::before{left:5px;}
  .aii-announce-timeline__marker{width:12px;height:12px;}
  .aii-announce__footer{padding:1.25rem 1.1rem;}
  .aii-announce__footer .aii-btn{width:100%;justify-content:center;}
}