/* Common, non-critical CSS shared across pages */

/* Ad slot helper reused across views */
.wdeftksssa { width: 410px; height: 770px; }
@media (min-width:500px){ .wdeftksssa { width:420px; height:150px } }
@media (min-width:800px){ .wdeftksssa { width:728px; height:200px } }

.ad-container-style,
.ad2-container-style,
.ad3-container-style,
.ad4-container-style,
.ad5-container-style { width:100%; height:auto; margin:auto; display:block }

/* Generic dividers and headings */
.dividers{ margin:9px 0; border-top:1px solid #e5e7eb }
.diivider{ --line:#e5e7eb; --text:#172526; display:flex; align-items:center; gap:12px; color:var(--text); font-size:14px; font-weight:600; line-height:1; text-align:center; margin:16px 0 }
.diivider:before, .diivider:after{ content:""; height:1px; background:var(--line); flex:1; opacity:.9; border-radius:1px }

/* Job card atoms (list/detail shared) */
.job-card{ background:#FCF9F4; border:1px solid #E8E4DA; border-radius:16px }
.job-card__header{ display:flex; align-items:center; gap:12px }
.job-card__title{ font-size:1rem; margin:0 }
.job-card__logo{ width:60px; height:60px; object-fit:cover; border-radius:8px }
.job-card__footer{ display:flex; align-items:center; gap:12px; flex-wrap:wrap }
.job-card__category{ display:inline-flex; align-items:center; gap:6px }
.job-card__cat-icon{ flex:0 0 auto }
.job-card__status{ display:inline-flex; align-items:center; justify-content:center; padding:2px 8px; border-radius:6px; font-size:12px; color:#fff; font-weight:600 }
.job-card__footer .job-card__status.available{ background:#1fc16b }
.job-card__footer .job-card__status.is-end{ background:#fb3748 }
.job-card__footer .job-card__status.soon{ background:#fcf9f4; color:#172526 }
.job-card__meta-text{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#6b7280; font-weight:600; white-space:nowrap }

/* Actions under details */
.job-card__actions{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center }
.btn-apply{ background:#28B16F; color:#fff; padding:8px 12px; border-radius:8px; text-decoration:none; font-weight:700 }
.btn-source{ background:#F4F0E8; color:#172526; padding:8px 12px; border:1px solid #E8E4DA; border-radius:8px; text-decoration:none; font-weight:600 }

/* Follow buttons (Telegram/X/Snap) */
.follow-buttons-vertical{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end }
.follow-btn{ display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid #E8E4DA; border-radius:10px; background:#F4F0E8; color:#172526; text-decoration:none }
.follow-btn span{ font-size:14px; font-weight:600 }

/* Share icons at bottom */
.f-socials{ display:flex; gap:12px; justify-content:center; align-items:center }
.f-socials a{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:#F4F0E8; color:#172526; text-decoration:none; border:1px solid #E8E4DA }

/* Pager (category/listing) */
.pager{ display:flex; align-items:center; justify-content:center; gap:8px; margin:16px 0; flex-wrap:wrap }
.pager-btn{ padding:6px 10px; border:1px solid #E8E4DA; border-radius:8px; background:#F4F0E8; color:#172526; text-decoration:none }
.pager-btn.is-disabled{ opacity:.5; pointer-events:none }
.pager-list{ display:flex; list-style:none; gap:6px; padding:0; margin:0 }
.pager-page{ padding:6px 10px; border:1px solid #E8E4DA; border-radius:8px; text-decoration:none; color:#172526; background:#FCF9F4 }
.pager-page.is-active{ background:#172526; color:#fff; border-color:#172526 }
.pager-ellipsis{ color:#9ca3af }