/* =========================================================
   AllNaijaMarket Adverts
   Existing advert display / management styles
   ========================================================= */
.anm-advert-card {
    max-width: 980px;
    margin: 20px auto;
    padding: 18px;
    border: 1px solid rgba(132,204,22,.35);
    border-radius: 22px;
    background: linear-gradient(145deg,#071522,#0d2734);
    box-shadow: 0 18px 45px rgba(2,6,23,.22);
    color: #e5eef3;
    overflow: hidden;
}

.anm-advert-card h3 {
    margin: 8px 0 12px;
    color: #fff;
    font-size: clamp(1.25rem,4vw,2rem);
}

.anm-advert-card>img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: 17px;
    background: #020617;
}

.anm-advert-card>p {
    line-height: 1.7;
    color: #d3dde3;
}

.anm-advert-badge {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(132,204,22,.14);
    color: #bef264;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.anm-advert-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 14px;
}

.anm-advert-actions a,.anm-advert-actions button {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 10px 13px;
    background: rgba(255,255,255,.04);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.anm-advert-actions .anm-advert-cta {
    background: #65a30d;
    border-color: #84cc16;
}

.anm-advert-comments {
    margin-top: 14px;
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 12px;
}

.anm-advert-comments textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 10px;
    background: #071522;
    color: #fff;
    border: 1px solid rgba(255,255,255,.16);
}

.anm-advert-comment {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.anm-advert-slot {
    margin: 18px auto;
    max-width: 1100px;
}

.anm-advert-manager {
    max-width: 1180px;
    margin: 24px auto;
    padding: 0 14px;
}

.anm-advert-panel {
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    background: #0b1f2c;
    color: #e5eef3;
    margin-bottom: 16px;
}

.anm-advert-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
}

.anm-advert-day {
    padding: 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
}

.anm-advert-day label {
    display: block;
    margin-top: 7px;
}

.anm-advert-form input,.anm-advert-form select,.anm-advert-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 11px;
    border-radius: 11px;
    border: 1px solid rgba(255,255,255,.16);
    background: #071522;
    color: #fff;
    margin: 5px 0 12px;
}

.anm-advert-form button {
    padding: 12px 16px;
    border: 0;
    border-radius: 12px;
    background: #65a30d;
    color: #fff;
    font-weight: 900;
}

.anm-advert-policy {
    max-height: 250px;
    overflow: auto;
    padding: 14px;
    border-radius: 14px;
    background: #071522;
    border: 1px solid rgba(255,255,255,.1);
    line-height: 1.6;
}

.anm-advert-table {
    width: 100%;
    border-collapse: collapse;
}

.anm-advert-table th,.anm-advert-table td {
    padding: 9px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-align: left;
}

.anm-advert-table-wrap {
    overflow-x: auto;
}

/* Refund workflow additions */
.anm-advert-table form {
    margin: 0;
    display: grid;
    gap: 7px;
    min-width: 170px;
}

.anm-advert-table form input[type="text"],.anm-advert-table form input:not([type]) {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 9px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
    background: #071522;
    color: #fff;
}

.anm-advert-table button {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 9px;
    padding: 8px 10px;
    background: #65a30d;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.anm-advert-table small {
    color: #aebfc8;
    line-height: 1.45;
}

.anm-advert-refund-note {
    padding: 12px 14px;
    border-left: 4px solid #84cc16;
    border-radius: 10px;
    background: rgba(132,204,22,.08);
    line-height: 1.6;
}

/* =========================================================
   Create Advert — 2026 redesign
   Scoped beneath .anm-create-advert-page to avoid disturbing
   the other advert pages that use this stylesheet.
   ========================================================= */
.anm-create-advert-page {
    --anm-bg: #07141d;
    --anm-panel: #0b1f2c;
    --anm-panel-2: #0d2635;
    --anm-line: rgba(255,255,255,.11);
    --anm-muted: #9fb1bd;
    --anm-text: #eef6f8;
    --anm-green: #84cc16;
    --anm-green-deep: #65a30d;
    --anm-red: #ef4444;
    --anm-red-soft: rgba(239,68,68,.12);
    --anm-amber: #f59e0b;
    --anm-amber-soft: rgba(245,158,11,.12);
    color: var(--anm-text);
}

.anm-create-advert-page * {
    box-sizing: border-box;
}

.anm-create-advert-page .anm-advert-form input,.anm-create-advert-page .anm-advert-form select,.anm-create-advert-page .anm-advert-form textarea {
    margin: 0;
}

.anm-create-hero {
    display: grid;
    grid-template-columns: minmax(0,1.65fr) minmax(270px,.55fr);
    gap: 16px;
    padding: clamp(22px,4vw,42px);
    margin-bottom: 18px;
    border: 1px solid rgba(132,204,22,.22);
    border-radius: 28px;
    background: radial-gradient(circle at 84% 18%,rgba(132,204,22,.14),transparent 29%),linear-gradient(140deg,#07141d 0%,#0b2230 58%,#0c2d33 100%);
    box-shadow: 0 22px 60px rgba(2,6,23,.28);
    overflow: hidden;
}

.anm-create-hero-copy {
    align-self: center;
    max-width: 720px;
}

.anm-create-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 11px;
    margin-bottom: 13px;
    border: 1px solid rgba(132,204,22,.3);
    border-radius: 999px;
    background: rgba(132,204,22,.08);
    color: #bef264;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.anm-create-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem,5vw,3.45rem);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.anm-create-hero-copy>p {
    max-width: 680px;
    margin: 15px 0 0;
    color: #c4d1d7;
    font-size: clamp(.96rem,2vw,1.08rem);
    line-height: 1.7;
}

.anm-create-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.anm-create-hero-badges span {
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.04);
    color: #dfe9ed;
    font-size: 12px;
    font-weight: 750;
}

.anm-create-price-card {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 215px;
    padding: 24px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 23px;
    background: rgba(1,10,16,.42);
    box-shadow: inset 0 1px rgba(255,255,255,.05);
}

.anm-price-eyebrow {
    color: #aebfc8;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.anm-create-price-card>strong {
    margin-top: 5px;
    color: #fff;
    font-size: clamp(2.25rem,5vw,3.25rem);
    line-height: 1;
}

.anm-create-price-card>small {
    margin-top: 4px;
    color: #bef264;
    font-weight: 800;
}

.anm-price-divider {
    height: 1px;
    margin: 17px 0;
    background: rgba(255,255,255,.1);
}

.anm-create-price-card p {
    margin: 0;
    color: #aec0c8;
    font-size: 12px;
    line-height: 1.6;
}

.anm-create-price-card p b {
    color: #fff;
}

.anm-advert-error {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    margin: 0 0 18px;
    padding: 15px 17px;
    border: 1px solid rgba(239,68,68,.38);
    border-radius: 16px;
    background: rgba(127,29,29,.2);
    color: #fee2e2;
}

.anm-advert-error-icon {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    height: 30px;
    border-radius: 50%;
    background: #ef4444;
    color: #fff;
    font-weight: 950;
}

.anm-advert-error strong {
    display: block;
    color: #fff;
}

.anm-advert-error p {
    margin: 4px 0 0;
    color: #fecaca;
    line-height: 1.5;
}

.anm-create-form {
    display: grid;
    gap: 18px;
}

.anm-create-section {
    padding: clamp(18px,3vw,28px);
    border: 1px solid var(--anm-line);
    border-radius: 24px;
    background: linear-gradient(145deg,rgba(11,31,44,.98),rgba(7,22,32,.98));
    box-shadow: 0 16px 40px rgba(2,6,23,.16);
}

.anm-section-heading {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    margin-bottom: 22px;
}

.anm-step-number {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    height: 38px;
    border: 1px solid rgba(132,204,22,.34);
    border-radius: 12px;
    background: rgba(132,204,22,.1);
    color: #bef264;
    font-size: 15px;
    font-weight: 950;
}

.anm-section-heading>div:nth-child(2)>span {
    display: block;
    margin-bottom: 3px;
    color: #84cc16;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.anm-section-heading h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.2rem,3vw,1.65rem);
    line-height: 1.2;
}

.anm-section-heading p {
    margin: 5px 0 0;
    color: var(--anm-muted);
    font-size: 13px;
    line-height: 1.5;
}

.anm-create-content-grid {
    display: grid;
    grid-template-columns: minmax(0,1.5fr) minmax(260px,.6fr);
    gap: 24px;
    align-items: start;
}

.anm-create-fields {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 15px;
}

.anm-field-wide {
    grid-column: 1/-1;
}

.anm-field>label {
    display: block;
    margin: 0 0 7px;
    color: #e6eff3;
    font-size: 13px;
    font-weight: 850;
}

.anm-create-advert-page .anm-field input,.anm-create-advert-page .anm-field select,.anm-create-advert-page .anm-field textarea {
    display: block;
    width: 100%;
    min-height: 47px;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 13px;
    outline: none;
    background: #061722;
    color: #fff;
    font: inherit;
    transition: border-color .18s,box-shadow .18s,background .18s;
}

.anm-create-advert-page .anm-field textarea {
    min-height: 118px;
    resize: vertical;
    line-height: 1.55;
}

.anm-create-advert-page .anm-field input::placeholder,.anm-create-advert-page .anm-field textarea::placeholder {
    color: #718792;
}

.anm-create-advert-page .anm-field input:focus,.anm-create-advert-page .anm-field select:focus,.anm-create-advert-page .anm-field textarea:focus {
    border-color: rgba(132,204,22,.65);
    box-shadow: 0 0 0 3px rgba(132,204,22,.09);
    background: #071b27;
}

.anm-input-wrap {
    position: relative;
}

.anm-input-wrap .anm-field-note {
    display: block;
    margin-top: 6px;
    color: #8198a4;
    font-size: 11px;
    text-align: right;
}

.anm-input-wrap .anm-field-note.is-over,.anm-input-wrap .anm-field-note.is-over b {
    color: #fca5a5;
}

.anm-create-advert-page select {
    appearance: auto;
    color-scheme: dark;
}

.anm-image-uploader {
    position: sticky;
    top: 90px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 19px;
    background: rgba(2,12,18,.38);
}

.anm-image-preview {
    display: grid;
    place-items: center;
    aspect-ratio: 1.15/1;
    overflow: hidden;
    border: 1px dashed rgba(255,255,255,.2);
    border-radius: 15px;
    background: linear-gradient(145deg,#06121b,#091f2b);
}

.anm-image-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anm-image-placeholder {
    text-align: center;
    color: #9cb0ba;
    padding: 24px;
}

.anm-image-placeholder-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 14px;
    background: rgba(132,204,22,.1);
    color: #bef264;
    font-size: 23px;
}

.anm-image-placeholder strong {
    display: block;
    color: #e9f2f4;
    font-size: 14px;
}

.anm-image-placeholder small {
    display: block;
    margin-top: 4px;
    line-height: 1.4;
}

.anm-upload-button {
    display: block;
    margin-top: 10px;
    padding: 11px 12px;
    border-radius: 12px;
    background: #65a30d;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.anm-upload-button:hover {
    background: #76b80f;
}

.anm-upload-help {
    display: block;
    margin: 8px 2px 1px;
    color: #7f96a2;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
}

.anm-visually-hidden {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.anm-section-heading-with-legend {
    align-items: center;
}

.anm-slot-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.anm-slot-legend span {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    color: #9fb2bc;
    font-size: 10px;
    font-weight: 800;
}

.anm-slot-legend i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #84cc16;
}

.anm-slot-legend .selected i {
    background: #fff;
    box-shadow: 0 0 0 3px rgba(132,204,22,.35);
}

.anm-slot-legend .taken i {
    background: #ef4444;
}

.anm-slot-position-guide {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    margin: -5px 0 15px;
}

.anm-slot-position-guide>div {
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 11px;
    background: rgba(255,255,255,.025);
}

.anm-slot-position-guide b {
    flex: 0 0 auto;
    color: #fff;
    font-size: 11px;
}

.anm-slot-position-guide span {
    overflow: hidden;
    color: #8399a4;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anm-date-scroll-shell {
    position: relative;
}

.anm-create-advert-page .anm-date-strip {
    display: flex;
    gap: 11px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: rgba(132,204,22,.45) rgba(255,255,255,.04);
    padding: 2px 2px 12px;
    overscroll-behavior-inline: contain;
}

.anm-create-advert-page .anm-date-strip::-webkit-scrollbar {
    height: 7px;
}

.anm-create-advert-page .anm-date-strip::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04);
    border-radius: 99px;
}

.anm-create-advert-page .anm-date-strip::-webkit-scrollbar-thumb {
    background: rgba(132,204,22,.4);
    border-radius: 99px;
}

.anm-create-advert-page .anm-advert-day {
    flex: 0 0 244px;
    scroll-snap-align: start;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 17px;
    background: #071924;
    transition: transform .18s,border-color .18s,box-shadow .18s;
}

.anm-create-advert-page .anm-advert-day:hover {
    transform: translateY(-2px);
    border-color: rgba(132,204,22,.24);
    box-shadow: 0 12px 25px rgba(2,6,23,.17);
}

.anm-create-advert-page .anm-advert-day.is-mine {
    border-color: rgba(245,158,11,.32);
    background: linear-gradient(145deg,rgba(245,158,11,.08),#071924 58%);
}

.anm-day-header {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 11px;
}

.anm-day-header strong {
    max-width: 125px;
    color: #fff;
    font-size: 13px;
    line-height: 1.35;
}

.anm-day-status {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(132,204,22,.1);
    color: #bef264;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.anm-day-status.mine {
    background: var(--anm-amber-soft);
    color: #fbbf24;
}

.anm-day-slots {
    display: grid;
    gap: 7px;
}

.anm-create-advert-page .anm-slot-choice {
    position: relative;
    display: flex!important;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    margin: 0!important;
    padding: 10px 10px;
    border: 1px solid rgba(132,204,22,.18);
    border-radius: 11px;
    background: rgba(132,204,22,.035);
    cursor: pointer;
    transition: .16s;
}

.anm-create-advert-page .anm-slot-choice:hover {
    border-color: rgba(132,204,22,.48);
    background: rgba(132,204,22,.075);
}

.anm-create-advert-page .anm-slot-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
}

.anm-slot-main {
    color: #e9f2f5;
    font-size: 12px;
    font-weight: 900;
}

.anm-slot-state {
    color: #9fca61;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.anm-create-advert-page .anm-slot-choice.is-selected {
    border-color: #84cc16;
    background: linear-gradient(120deg,rgba(101,163,13,.3),rgba(132,204,22,.12));
    box-shadow: 0 0 0 2px rgba(132,204,22,.09);
}

.anm-create-advert-page .anm-slot-choice.is-selected .anm-slot-main {
    color: #fff;
}

.anm-create-advert-page .anm-slot-choice.is-selected .anm-slot-state {
    color: #d9f99d;
}

.anm-create-advert-page .anm-slot-choice.is-taken {
    border-color: rgba(239,68,68,.3);
    background: var(--anm-red-soft);
    cursor: not-allowed;
    opacity: .86;
}

.anm-create-advert-page .anm-slot-choice.is-taken .anm-slot-main {
    color: #fecaca;
}

.anm-create-advert-page .anm-slot-choice.is-taken .anm-slot-state {
    color: #f87171;
}

.anm-mine-message {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    min-height: 112px;
    padding: 13px;
    border: 1px solid rgba(245,158,11,.17);
    border-radius: 12px;
    background: rgba(245,158,11,.055);
}

.anm-mine-message>span {
    display: grid;
    place-items: center;
    flex: 0 0 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(245,158,11,.16);
    color: #fbbf24;
    font-weight: 950;
}

.anm-mine-message p {
    margin: 2px 0 0;
    color: #cdbd9f;
    font-size: 11px;
    line-height: 1.55;
}

.anm-scroll-arrow {
    position: absolute!important;
    z-index: 4;
    top: 50%;
    display: grid!important;
    place-items: center!important;
    width: 34px!important;
    height: 34px!important;
    padding: 0!important;
    border: 1px solid rgba(255,255,255,.12)!important;
    border-radius: 50%!important;
    background: rgba(2,12,18,.92)!important;
    color: #fff!important;
    font-size: 25px!important;
    line-height: 1!important;
    transform: translateY(-50%);
    box-shadow: 0 8px 20px rgba(2,6,23,.3);
    cursor: pointer;
}

.anm-scroll-left {
    left: -12px;
}

.anm-scroll-right {
    right: -12px;
}

.anm-swipe-hint {
    display: none;
    margin: 4px 0 0;
    color: #718892;
    font-size: 10px;
    text-align: center;
}

.anm-booking-summary {
    position: sticky;
    z-index: 12;
    bottom: 12px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 13px 16px;
    border: 1px solid rgba(132,204,22,.27);
    border-radius: 18px;
    background: rgba(5,20,29,.94);
    box-shadow: 0 18px 45px rgba(2,6,23,.45);
    backdrop-filter: blur(16px);
}

.anm-summary-copy>span {
    display: block;
    color: #84cc16;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.anm-summary-copy>strong {
    display: block;
    margin-top: 1px;
    color: #fff;
    font-size: 15px;
}

.anm-summary-copy>small {
    display: block;
    margin-top: 2px;
    color: #7f96a2;
    font-size: 10px;
}

.anm-summary-math {
    display: flex;
    align-items: center;
    gap: 10px;
}

.anm-summary-math>div:not(.anm-summary-total) {
    min-width: 72px;
}

.anm-summary-math span {
    display: block;
    color: #8298a3;
    font-size: 9px;
}

.anm-summary-math b {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 14px;
}

.anm-summary-times,.anm-summary-equals {
    color: #667c87!important;
    font-size: 15px!important;
}

.anm-summary-total {
    min-width: 140px;
    padding: 7px 11px;
    border-radius: 11px;
    background: rgba(132,204,22,.09);
    text-align: right;
}

.anm-summary-total span {
    color: #9fbd7a;
}

.anm-summary-total b {
    color: #d9f99d;
    font-size: 20px;
}

.anm-policy-section {
    padding-bottom: 20px;
}

.anm-policy-details {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: #061722;
}

.anm-policy-details summary {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 13px 15px;
    cursor: pointer;
    list-style: none;
}

.anm-policy-details summary::-webkit-details-marker {
    display: none;
}

.anm-policy-details summary span {
    color: #e8f1f4;
    font-size: 13px;
    font-weight: 850;
}

.anm-policy-details summary small {
    color: #84cc16;
    font-size: 10px;
    font-weight: 850;
}

.anm-policy-details[open] summary {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.anm-create-advert-page .anm-advert-policy {
    max-height: 260px;
    border: 0;
    border-radius: 0;
    background: #05131c;
    color: #aebfc8;
    font-size: 12px;
    line-height: 1.65;
}

.anm-policy-agreement {
    display: flex!important;
    gap: 11px;
    align-items: flex-start;
    margin: 14px 0!important;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    cursor: pointer;
}

.anm-create-advert-page .anm-policy-agreement input {
    flex: 0 0 18px;
    width: 18px!important;
    height: 18px!important;
    margin: 2px 0 0!important;
    accent-color: #65a30d;
}

.anm-policy-agreement span {
    color: #9eb0b9;
    font-size: 11px;
    line-height: 1.65;
}

.anm-policy-agreement strong {
    display: block;
    margin-bottom: 2px;
    color: #eaf2f4;
    font-size: 12px;
}

.anm-checkout-bar {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.anm-checkout-bar>div>span {
    display: block;
    color: #8298a3;
    font-size: 10px;
}

.anm-checkout-bar>div>strong {
    display: block;
    margin-top: 1px;
    color: #fff;
    font-size: 22px;
}

.anm-create-advert-page .anm-submit-advert {
    display: flex;
    gap: 2px;
    flex-direction: column;
    align-items: flex-start;
    min-width: 250px;
    padding: 12px 18px!important;
    border: 1px solid rgba(190,242,100,.28)!important;
    border-radius: 13px!important;
    background: linear-gradient(135deg,#65a30d,#4d7c0f)!important;
    color: #fff!important;
    box-shadow: 0 10px 24px rgba(77,124,15,.2);
    cursor: pointer;
}

.anm-submit-advert>span {
    font-size: 13px;
    font-weight: 950;
}

.anm-submit-advert>small {
    font-size: 9px;
    font-weight: 750;
    opacity: .82;
}

.anm-submit-advert:hover {
    filter: brightness(1.08);
}

@media (max-width: 900px) {
    .anm-create-hero {
        grid-template-columns: 1fr;
    }
    .anm-create-price-card {
        min-height: auto;
    }
    .anm-create-content-grid {
        grid-template-columns: 1fr;
    }
    .anm-image-uploader {
        position: static;
        display: grid;
        grid-template-columns: 150px 1fr;
        gap: 10px;
        align-items: center;
    }
    .anm-image-preview {
        grid-row: 1/3;
        aspect-ratio: 1/1;
    }
    .anm-upload-button {
        margin: 0;
    }
    .anm-upload-help {
        text-align: left;
    }
    .anm-section-heading-with-legend {
        align-items: flex-start;
    }
    .anm-slot-legend {
        width: 100%;
        justify-content: flex-start;
        margin: 10px 0 0;
    }
    .anm-section-heading-with-legend {
        flex-wrap: wrap;
    }
    .anm-slot-position-guide {
        grid-template-columns: 1fr;
    }
    .anm-booking-summary {
        position: static;
    }
    .anm-summary-copy small {
        display: none;
    }
}

@media (max-width: 760px) {
    .anm-advert-grid:not(.anm-date-strip) {
        grid-template-columns: 1fr;
    }
    .anm-advert-card {
        margin: 14px 10px;
        padding: 14px;
    }
    .anm-advert-actions>* {
        flex: 1 1 auto;
        text-align: center;
    }
    .anm-create-advert-page {
        padding: 0 10px;
        margin-top: 14px;
    }
    .anm-create-hero {
        padding: 20px 17px;
        border-radius: 21px;
    }
    .anm-create-hero h1 {
        font-size: 2rem;
    }
    .anm-create-hero-badges {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .anm-create-hero-badges span:last-child {
        grid-column: 1/-1;
    }
    .anm-create-price-card {
        padding: 17px;
        border-radius: 17px;
    }
    .anm-create-price-card>strong {
        font-size: 2.45rem;
    }
    .anm-create-section {
        padding: 16px;
        border-radius: 19px;
    }
    .anm-create-fields {
        grid-template-columns: 1fr;
    }
    .anm-field-wide {
        grid-column: auto;
    }
    .anm-image-uploader {
        grid-template-columns: 118px 1fr;
        padding: 10px;
    }
    .anm-upload-help {
        font-size: 9px;
    }
    .anm-create-advert-page .anm-advert-day {
        flex-basis: 218px;
    }
    .anm-scroll-arrow {
        display: none!important;
    }
    .anm-swipe-hint {
        display: block;
    }
    .anm-date-scroll-shell {
        margin-left: -5px;
        margin-right: -5px;
    }
    .anm-create-advert-page .anm-date-strip {
        padding-left: 5px;
        padding-right: 5px;
    }
    .anm-booking-summary {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 12px 13px;
    }
    .anm-summary-math {
        justify-content: space-between;
    }
    .anm-summary-math>div:not(.anm-summary-total) {
        min-width: 0;
    }
    .anm-summary-total {
        min-width: 116px;
    }
    .anm-checkout-bar {
        align-items: stretch;
        flex-direction: column;
    }
    .anm-create-advert-page .anm-submit-advert {
        width: 100%;
        min-width: 0;
        align-items: center;
    }
    .anm-checkout-bar>div {
        text-align: center;
    }
}

@media (max-width: 420px) {
    .anm-create-hero-badges {
        grid-template-columns: 1fr;
    }
    .anm-create-hero-badges span:last-child {
        grid-column: auto;
    }
    .anm-section-heading {
        gap: 10px;
    }
    .anm-step-number {
        flex-basis: 33px;
        height: 33px;
    }
    .anm-section-heading h2 {
        font-size: 1.15rem;
    }
    .anm-image-uploader {
        grid-template-columns: 92px 1fr;
    }
    .anm-summary-times,.anm-summary-equals {
        display: none!important;
    }
    .anm-summary-math {
        gap: 6px;
    }
    .anm-summary-total {
        padding: 7px 8px;
    }
    .anm-summary-total b {
        font-size: 17px;
    }
}

/* =========================================================
   Mobile-first overflow containment fix
   The PAGE must never scroll horizontally. Only the date/slot
   strip is allowed to scroll on the x-axis inside its own shell.
   ========================================================= */
.anm-create-advert-page {
    width: 100%;
    max-width: 1180px;
    min-width: 0;
    overflow-x: clip;
}

.anm-create-advert-page > *, .anm-create-advert-page .anm-create-form, .anm-create-advert-page .anm-create-section, .anm-create-advert-page .anm-create-content-grid, .anm-create-advert-page .anm-create-fields, .anm-create-advert-page .anm-section-heading, .anm-create-advert-page .anm-booking-summary, .anm-create-advert-page .anm-summary-math, .anm-create-advert-page .anm-checkout-bar {
    min-width: 0;
    max-width: 100%;
}

/* Keep the horizontal movement completely inside this box. */
.anm-create-advert-page .anm-date-scroll-shell {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    contain: inline-size;
}

.anm-create-advert-page .anm-date-strip {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
}

/* Prevent long text/controls from enlarging the viewport. */
.anm-create-advert-page input, .anm-create-advert-page select, .anm-create-advert-page textarea, .anm-create-advert-page button, .anm-create-advert-page img {
    max-width: 100%;
}

.anm-create-advert-page .anm-section-heading > div, .anm-create-advert-page .anm-summary-copy, .anm-create-advert-page .anm-checkout-bar > div {
    min-width: 0;
}

@media (max-width: 760px) {
    .anm-advert-manager.anm-create-advert-page {
        width: 100%;
        max-width: 100%;
        margin: 14px 0 24px;
        padding-left: 10px;
        padding-right: 10px;
        overflow-x: clip;
    }
    .anm-create-advert-page .anm-date-scroll-shell {
        margin-left: 0;
        margin-right: 0;
        border-radius: 14px;
    }
    .anm-create-advert-page .anm-date-strip {
        width: 100%;
        padding: 2px 1px 11px;
        scroll-padding-inline: 1px;
    }
    /* Cards stay intentionally wider than part of the viewport so
     the next card peeks in, signalling that the strip can be swiped. */
    .anm-create-advert-page .anm-advert-day {
        flex: 0 0 min(82vw,218px);
        max-width: 218px;
    }
    /* Price summary must wrap instead of pushing the viewport wider. */
    .anm-create-advert-page .anm-summary-math {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 7px 9px;
    }
    .anm-create-advert-page .anm-summary-total {
        margin-left: auto;
        min-width: 0;
        max-width: 48%;
    }
}

@media (max-width: 390px) {
    .anm-create-advert-page .anm-summary-math {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        align-items: end;
    }
    .anm-create-advert-page .anm-summary-times,   .anm-create-advert-page .anm-summary-equals {
        display: none!important;
    }
    .anm-create-advert-page .anm-summary-total {
        grid-column: 1 / -1;
        width: 100%;
        max-width: none;
        margin-left: 0;
        text-align: left;
    }
}

/* =========================================================
   Create Advert — remove a selected date
   ========================================================= */
.anm-create-advert-page .anm-clear-day-selection {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 2px;
    padding: 8px 10px;
    border: 1px solid rgba(239, 68, 68, .24);
    border-radius: 10px;
    background: rgba(239, 68, 68, .07);
    color: #fca5a5;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.2;
    cursor: pointer;
    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease,
        transform .16s ease;
}

.anm-create-advert-page .anm-clear-day-selection span {
    font-size: 15px;
    line-height: 1;
}

.anm-create-advert-page .anm-clear-day-selection:hover,
.anm-create-advert-page .anm-clear-day-selection:focus-visible {
    border-color: rgba(239, 68, 68, .55);
    background: rgba(239, 68, 68, .13);
    color: #fecaca;
    outline: none;
}

.anm-create-advert-page .anm-clear-day-selection:active {
    transform: scale(.985);
}

.anm-create-advert-page .anm-clear-day-selection[hidden] {
    display: none !important;
}

/* =========================================================
   My Advertisements — analytics dashboard
   ========================================================= */
.anm-my-adverts-page {
    --myads-panel: #0b1f2c;
    --myads-panel-2: #071924;
    --myads-line: rgba(255,255,255,.10);
    --myads-text: #eef6f8;
    --myads-muted: #91a7b2;
    --myads-green: #84cc16;
    --myads-green-deep: #65a30d;
    --myads-red: #ef4444;
    --myads-amber: #f59e0b;
    width: 100%;
    max-width: 1180px;
    min-width: 0;
    overflow-x: clip;
    color: var(--myads-text);
}

.anm-my-adverts-page *,
.anm-my-adverts-page *::before,
.anm-my-adverts-page *::after {
    box-sizing: border-box;
}

.anm-myads-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    padding: clamp(22px, 4vw, 38px);
    margin-bottom: 16px;
    border: 1px solid rgba(132,204,22,.22);
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% 18%, rgba(132,204,22,.15), transparent 30%),
        linear-gradient(140deg, #07141d 0%, #0b2230 62%, #0c2d33 100%);
    box-shadow: 0 20px 50px rgba(2,6,23,.24);
}

.anm-myads-kicker,
.anm-myads-card-heading span,
.anm-myads-section-title span {
    display: block;
    margin-bottom: 4px;
    color: #9fce56;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.anm-myads-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 5vw, 3.25rem);
    letter-spacing: -.045em;
    line-height: 1.05;
}

.anm-myads-hero p {
    max-width: 700px;
    margin: 10px 0 0;
    color: #b9c9d0;
    line-height: 1.65;
}

.anm-myads-create-btn {
    display: flex;
    flex: 0 0 auto;
    gap: 11px;
    align-items: center;
    min-width: 220px;
    padding: 13px 16px;
    border: 1px solid rgba(190,242,100,.30);
    border-radius: 15px;
    background: linear-gradient(135deg, #65a30d, #4d7c0f);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 12px 26px rgba(77,124,15,.22);
    transition: transform .18s ease, filter .18s ease;
}

.anm-myads-create-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
}

.anm-myads-create-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: rgba(255,255,255,.12);
    font-size: 22px;
    font-weight: 800;
}

.anm-myads-create-btn strong,
.anm-myads-create-btn small {
    display: block;
}

.anm-myads-create-btn strong {
    font-size: 13px;
}

.anm-myads-create-btn small {
    margin-top: 2px;
    color: #d9f99d;
    font-size: 9px;
}

.anm-myads-notice {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
    padding: 13px 15px;
    border: 1px solid rgba(132,204,22,.28);
    border-radius: 14px;
    background: rgba(132,204,22,.08);
    color: #e8f7d0;
}

.anm-myads-notice > span {
    display: grid;
    place-items: center;
    flex: 0 0 27px;
    height: 27px;
    border-radius: 50%;
    background: #65a30d;
}

.anm-myads-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.anm-myads-kpi {
    display: flex;
    gap: 12px;
    align-items: center;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--myads-line);
    border-radius: 18px;
    background: linear-gradient(145deg, #0b1f2c, #071924);
    box-shadow: 0 12px 28px rgba(2,6,23,.12);
}

.anm-myads-kpi-icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(132,204,22,.08);
    font-size: 17px;
}

.anm-myads-kpi div {
    min-width: 0;
}

.anm-myads-kpi small,
.anm-myads-kpi span:last-child {
    display: block;
}

.anm-myads-kpi small {
    color: #91a7b2;
    font-size: 10px;
    font-weight: 750;
}

.anm-myads-kpi strong {
    display: block;
    margin: 1px 0;
    color: #fff;
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    line-height: 1.1;
}

.anm-myads-kpi span:last-child {
    overflow: hidden;
    color: #718a96;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anm-myads-analysis-grid {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(280px,.65fr);
    gap: 14px;
    margin-bottom: 14px;
}

.anm-myads-chart-card,
.anm-myads-funnel-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--myads-line);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(11,31,44,.98), rgba(7,22,32,.98));
}

.anm-myads-card-heading {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.anm-myads-card-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 1.08rem;
}

.anm-myads-card-heading > small {
    flex: 0 0 auto;
    color: #718a96;
    font-size: 9px;
}

.anm-myads-bars {
    display: grid;
    gap: 13px;
}

.anm-myads-bar-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 5px;
}

.anm-myads-bar-meta a {
    min-width: 0;
    overflow: hidden;
    color: #cbd8de;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anm-myads-bar-meta b {
    flex: 0 0 auto;
    color: #fff;
    font-size: 11px;
}

.anm-myads-bar-track {
    height: 8px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255,255,255,.055);
}

.anm-myads-bar-track span {
    display: block;
    min-width: 2px;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #65a30d, #a3e635);
}

.anm-myads-donut-wrap {
    display: grid;
    grid-template-columns: 145px minmax(0,1fr);
    gap: 18px;
    align-items: center;
}

.anm-myads-donut {
    position: relative;
    display: grid;
    place-items: center;
    width: 138px;
    height: 138px;
    border-radius: 50%;
    background:
        conic-gradient(
            #84cc16 0 calc(var(--likes) * 1%),
            #38bdf8 calc(var(--likes) * 1%) calc((var(--likes) + var(--comments)) * 1%),
            #f59e0b calc((var(--likes) + var(--comments)) * 1%) 100%
        );
}

.anm-myads-donut::after {
    content: "";
    position: absolute;
    inset: 17px;
    border-radius: 50%;
    background: #081a25;
}

.anm-myads-donut > div {
    position: relative;
    z-index: 1;
    text-align: center;
}

.anm-myads-donut strong,
.anm-myads-donut span {
    display: block;
}

.anm-myads-donut strong {
    color: #fff;
    font-size: 1.35rem;
}

.anm-myads-donut span {
    color: #8299a4;
    font-size: 9px;
}

.anm-myads-donut-legend {
    display: grid;
    gap: 9px;
}

.anm-myads-donut-legend > div {
    display: grid;
    grid-template-columns: 8px minmax(0,1fr) auto;
    gap: 7px;
    align-items: center;
}

.anm-myads-donut-legend i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.anm-myads-donut-legend i.likes { background: #84cc16; }
.anm-myads-donut-legend i.comments { background: #38bdf8; }
.anm-myads-donut-legend i.shares { background: #f59e0b; }

.anm-myads-donut-legend span {
    color: #8fa5af;
    font-size: 10px;
}

.anm-myads-donut-legend b {
    color: #fff;
    font-size: 11px;
}

.anm-myads-funnel-card {
    margin-bottom: 14px;
}

.anm-myads-funnel {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    gap: 10px;
    align-items: stretch;
}

.anm-myads-funnel-stage {
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}

.anm-myads-funnel-stage.is-primary {
    border-color: rgba(132,204,22,.2);
    background: rgba(132,204,22,.055);
}

.anm-myads-funnel-stage span,
.anm-myads-funnel-stage small,
.anm-myads-funnel-stage strong {
    display: block;
}

.anm-myads-funnel-stage span {
    color: #8199a4;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.anm-myads-funnel-stage strong {
    margin: 3px 0;
    color: #fff;
    font-size: 1.4rem;
}

.anm-myads-funnel-stage small {
    color: #6f8792;
    font-size: 9px;
}

.anm-myads-funnel-arrow {
    align-self: center;
    color: #526a76;
}

.anm-myads-refund-info {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 22px;
    padding: 13px 15px;
    border-left: 3px solid #84cc16;
    border-radius: 12px;
    background: rgba(132,204,22,.055);
}

.anm-myads-refund-icon {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    height: 30px;
    border-radius: 10px;
    background: rgba(132,204,22,.1);
    color: #bef264;
    font-size: 16px;
}

.anm-myads-refund-info strong {
    color: #e8f3f5;
    font-size: 12px;
}

.anm-myads-refund-info p {
    margin: 4px 0 0;
    color: #8fa6b0;
    font-size: 10px;
    line-height: 1.6;
}

.anm-myads-section-title {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-end;
    margin: 0 2px 10px;
}

.anm-myads-section-title h2 {
    margin: 0;
    color: #fff;
    font-size: 1.3rem;
}

.anm-myads-section-title > strong {
    padding: 5px 9px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    background: rgba(255,255,255,.03);
    color: #9fb2bc;
    font-size: 9px;
}

.anm-myads-campaign-list {
    display: grid;
    gap: 15px;
}

.anm-myads-campaign {
    overflow: hidden;
    border: 1px solid var(--myads-line);
    border-radius: 22px;
    background: linear-gradient(145deg, #0b1f2c, #071924);
    box-shadow: 0 15px 35px rgba(2,6,23,.13);
}

.anm-myads-campaign-header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 17px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.anm-myads-campaign-identity {
    display: flex;
    gap: 13px;
    align-items: center;
    min-width: 0;
}

.anm-myads-thumb {
    flex: 0 0 78px;
    width: 78px;
    height: 62px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    background: #020b11;
}

.anm-myads-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anm-myads-campaign-identity > div {
    min-width: 0;
}

.anm-myads-campaign-identity h2 {
    max-width: 620px;
    margin: 5px 0 3px;
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anm-myads-campaign-identity p {
    margin: 0;
    color: #7f96a2;
    font-size: 9px;
}

.anm-myads-campaign-identity p span {
    padding: 0 4px;
    color: #4e6672;
}

.anm-myads-status,
.anm-myads-booking-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.anm-myads-status.status-active,
.anm-myads-booking-status.status-paid {
    background: rgba(132,204,22,.10);
    color: #bef264;
}

.anm-myads-status.status-paused {
    background: rgba(245,158,11,.10);
    color: #fbbf24;
}

.anm-myads-status.status-deleted,
.anm-myads-status.status-terminated,
.anm-myads-booking-status.status-cancelled {
    background: rgba(239,68,68,.10);
    color: #fca5a5;
}

.anm-myads-campaign-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.anm-myads-campaign-actions > a,
.anm-myads-campaign-actions button {
    width: auto;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 9px;
    background: rgba(255,255,255,.035);
    color: #e5eef3;
    font-size: 9px;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.anm-myads-campaign-actions form {
    display: flex;
    gap: 6px;
    margin: 0;
}

.anm-myads-campaign-actions .anm-myads-action-positive {
    border-color: rgba(132,204,22,.2);
    color: #bef264;
}

.anm-myads-campaign-actions .anm-myads-action-danger {
    border-color: rgba(239,68,68,.2);
    color: #fca5a5;
}

.anm-myads-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.anm-myads-metrics > div {
    min-width: 0;
    padding: 13px 10px;
    border-right: 1px solid rgba(255,255,255,.055);
    text-align: center;
}

.anm-myads-metrics > div:last-child {
    border-right: 0;
}

.anm-myads-metrics span,
.anm-myads-metrics small,
.anm-myads-metrics strong {
    display: block;
}

.anm-myads-metrics span {
    height: 18px;
    font-size: 13px;
}

.anm-myads-metrics small {
    margin: 2px 0;
    overflow: hidden;
    color: #78909b;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anm-myads-metrics strong {
    color: #fff;
    font-size: 14px;
}

.anm-myads-rate-strip {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding: 14px 17px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.anm-myads-rate-strip > div {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 4px 10px;
    align-items: center;
}

.anm-myads-rate-strip span {
    color: #8299a4;
    font-size: 9px;
    font-weight: 800;
}

.anm-myads-rate-strip strong {
    color: #fff;
    font-size: 10px;
}

.anm-myads-rate-strip > div > div {
    grid-column: 1 / -1;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.05);
}

.anm-myads-rate-strip i {
    display: block;
    min-width: 2px;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #65a30d, #a3e635);
}

.anm-myads-bookings {
    padding: 0 17px 17px;
}

.anm-myads-bookings summary {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 14px 0;
    cursor: pointer;
    list-style: none;
}

.anm-myads-bookings summary::-webkit-details-marker {
    display: none;
}

.anm-myads-bookings summary span strong,
.anm-myads-bookings summary span small {
    display: block;
}

.anm-myads-bookings summary span strong {
    color: #eaf2f4;
    font-size: 11px;
}

.anm-myads-bookings summary span small {
    margin-top: 2px;
    color: #718a96;
    font-size: 8px;
}

.anm-myads-bookings summary > b {
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.04);
    color: #8fa6b0;
    font-size: 8px;
}

.anm-myads-booking-table {
    font-size: 10px;
}

.anm-myads-booking-table th {
    color: #718a96;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.anm-myads-booking-table td {
    vertical-align: middle;
    color: #b8c8cf;
}

.anm-myads-booking-table td strong {
    color: #e8f1f4;
}

.anm-myads-slot-pill {
    display: inline-flex;
    padding: 4px 7px;
    border-radius: 8px;
    background: rgba(56,189,248,.08);
    color: #7dd3fc;
    font-size: 8px;
    font-weight: 900;
}

.anm-myads-refund-eligible {
    color: #bef264 !important;
}

.anm-myads-booking-table form {
    min-width: 0;
}

.anm-myads-booking-table button {
    font-size: 8px;
}

.anm-myads-cancel-day {
    border-color: rgba(239,68,68,.22) !important;
    background: rgba(239,68,68,.07) !important;
    color: #fca5a5 !important;
}

.anm-myads-refund-form input {
    min-width: 150px;
}

.anm-myads-no-bookings {
    padding: 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.025);
    color: #718a96;
    font-size: 10px;
    text-align: center;
}

.anm-myads-empty {
    padding: 48px 24px;
    border: 1px solid var(--myads-line);
    border-radius: 24px;
    background: linear-gradient(145deg, #0b1f2c, #071924);
    text-align: center;
}

.anm-myads-empty > span {
    font-size: 40px;
}

.anm-myads-empty h2 {
    margin: 10px 0 7px;
    color: #fff;
}

.anm-myads-empty p {
    max-width: 520px;
    margin: 0 auto 18px;
    color: #8fa6b0;
    line-height: 1.6;
}

.anm-myads-empty a {
    display: inline-flex;
    padding: 11px 15px;
    border-radius: 11px;
    background: #65a30d;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 900px) {
    .anm-myads-overview {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .anm-myads-analysis-grid {
        grid-template-columns: 1fr;
    }

    .anm-myads-donut-wrap {
        grid-template-columns: 138px 1fr;
    }

    .anm-myads-metrics {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .anm-myads-metrics > div:nth-child(3n) {
        border-right: 0;
    }

    .anm-myads-metrics > div:nth-child(-n+3) {
        border-bottom: 1px solid rgba(255,255,255,.055);
    }
}

@media (max-width: 760px) {
    .anm-advert-manager.anm-my-adverts-page {
        width: 100%;
        max-width: 100%;
        margin: 12px 0 24px;
        padding: 0 10px;
        overflow-x: clip;
    }

    .anm-myads-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 20px 17px;
        border-radius: 21px;
    }

    .anm-myads-create-btn {
        width: 100%;
        min-width: 0;
    }

    .anm-myads-overview {
        gap: 8px;
    }

    .anm-myads-kpi {
        gap: 8px;
        padding: 12px 10px;
        border-radius: 14px;
    }

    .anm-myads-kpi-icon {
        flex-basis: 31px;
        height: 31px;
        border-radius: 9px;
        font-size: 14px;
    }

    .anm-myads-kpi strong {
        font-size: 1.25rem;
    }

    .anm-myads-chart-card,
    .anm-myads-funnel-card {
        padding: 16px;
        border-radius: 18px;
    }

    .anm-myads-donut-wrap {
        grid-template-columns: 120px 1fr;
        gap: 14px;
    }

    .anm-myads-donut {
        width: 116px;
        height: 116px;
    }

    .anm-myads-donut::after {
        inset: 15px;
    }

    .anm-myads-funnel {
        grid-template-columns: 1fr;
    }

    .anm-myads-funnel-arrow {
        transform: rotate(90deg);
        justify-self: center;
        line-height: 1;
    }

    .anm-myads-section-title {
        align-items: flex-start;
    }

    .anm-myads-campaign-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .anm-myads-campaign-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .anm-myads-campaign-actions form {
        flex-wrap: wrap;
    }

    .anm-myads-rate-strip {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    /* Mobile-first booking rows: no page-level horizontal table scroll. */
    .anm-myads-booking-table,
    .anm-myads-booking-table tbody,
    .anm-myads-booking-table tr,
    .anm-myads-booking-table td {
        display: block;
        width: 100%;
    }

    .anm-myads-booking-table thead {
        display: none;
    }

    .anm-myads-booking-table tr {
        margin-bottom: 9px;
        padding: 10px 11px;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 12px;
        background: rgba(255,255,255,.022);
    }

    .anm-myads-booking-table td {
        display: grid;
        grid-template-columns: 95px minmax(0,1fr);
        gap: 10px;
        align-items: center;
        padding: 6px 0;
        border: 0;
        text-align: left;
    }

    .anm-myads-booking-table td::before {
        content: attr(data-label);
        color: #6f8792;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .anm-myads-booking-table td:last-child {
        align-items: start;
    }

    .anm-myads-booking-table form,
    .anm-myads-refund-form input,
    .anm-myads-booking-table button {
        width: 100%;
        min-width: 0;
    }

    .anm-myads-booking-table button {
        padding: 8px 9px;
    }

    .anm-advert-table-wrap {
        overflow-x: visible;
    }
}

@media (max-width: 430px) {
    .anm-myads-overview {
        grid-template-columns: 1fr 1fr;
    }

    .anm-myads-kpi span:last-child {
        white-space: normal;
    }

    .anm-myads-donut-wrap {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .anm-myads-donut-legend {
        width: 100%;
    }

    .anm-myads-thumb {
        flex-basis: 64px;
        width: 64px;
        height: 54px;
    }

    .anm-myads-campaign-identity h2 {
        font-size: .92rem;
    }

    .anm-myads-metrics {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .anm-myads-metrics > div {
        border-bottom: 1px solid rgba(255,255,255,.055);
    }

    .anm-myads-metrics > div:nth-child(2n) {
        border-right: 0;
    }

    .anm-myads-metrics > div:nth-last-child(-n+2) {
        border-bottom: 0;
    }
}

/* =========================================================
   v9 — REAL LIGHT/DARK MODE SUPPORT
   Uses prefers-color-scheme directly because AllNaijaMarket
   pages may not place a theme class/data-theme on html/body.
   Manual hooks remain supported by the existing site.
   ========================================================= */

/* ---------- DARK MODE: stronger readability ---------- */
@media (prefers-color-scheme: dark) {
    .anm-create-advert-page {
        --anm-bg: #07141d;
        --anm-panel: #0b1f2c;
        --anm-panel-2: #0d2635;
        --anm-line: rgba(255,255,255,.18);
        --anm-muted: #c0cdd4;
        --anm-text: #f7fbfc;
        color: #f7fbfc;
        color-scheme: dark;
    }

    .anm-create-hero-copy > p,
    .anm-section-heading p,
    .anm-price-eyebrow,
    .anm-create-price-card p,
    .anm-input-wrap .anm-field-note,
    .anm-upload-help,
    .anm-image-placeholder,
    .anm-slot-legend span,
    .anm-slot-position-guide span,
    .anm-swipe-hint,
    .anm-summary-copy > small,
    .anm-summary-math span,
    .anm-policy-agreement span,
    .anm-checkout-bar > div > span,
    .anm-mine-message p {
        color: #c0cdd4 !important;
    }

    .anm-field > label,
    .anm-image-placeholder strong,
    .anm-slot-main,
    .anm-policy-details summary span,
    .anm-policy-agreement strong {
        color: #f4f8fa !important;
    }

    .anm-create-advert-page .anm-field input,
    .anm-create-advert-page .anm-field select,
    .anm-create-advert-page .anm-field textarea {
        background: #061722 !important;
        color: #ffffff !important;
        border-color: rgba(255,255,255,.22) !important;
    }

    .anm-create-advert-page .anm-field input::placeholder,
    .anm-create-advert-page .anm-field textarea::placeholder {
        color: #a8bac3 !important;
        opacity: 1;
    }

    .anm-create-advert-page select {
        color-scheme: dark !important;
    }

    .anm-create-advert-page select option {
        background: #071924;
        color: #ffffff;
    }

    .anm-destination-input-shell.is-url .anm-destination-prefix {
        background: #102733 !important;
        color: #f7fbfc !important;
        border-color: rgba(255,255,255,.22) !important;
    }

    .anm-create-advert-page .anm-advert-policy {
        color: #ced9de !important;
    }

    .anm-booking-summary {
        background: rgba(5,20,29,.97) !important;
    }
}

/* ---------- LIGHT MODE: actual light surfaces + dark readable text ---------- */
@media (prefers-color-scheme: light) {
    .anm-create-advert-page {
        --anm-bg: #f4f7f8;
        --anm-panel: #ffffff;
        --anm-panel-2: #f7f9fa;
        --anm-line: rgba(15,23,42,.17);
        --anm-muted: #4d616b;
        --anm-text: #10242e;
        --anm-green: #4d7c0f;
        --anm-green-deep: #3f6212;
        --anm-red: #b91c1c;
        --anm-amber: #a65b00;
        color: #10242e !important;
        color-scheme: light;
    }

    .anm-create-hero {
        border-color: #c8d9af !important;
        background:
            radial-gradient(circle at 84% 18%, rgba(101,163,13,.12), transparent 29%),
            linear-gradient(140deg,#ffffff 0%,#f6faf5 58%,#edf5e8 100%) !important;
        box-shadow: 0 16px 40px rgba(15,23,42,.09) !important;
    }

    .anm-create-hero h1,
    .anm-create-price-card > strong,
    .anm-section-heading h2,
    .anm-day-header strong,
    .anm-summary-copy > strong,
    .anm-summary-math b,
    .anm-checkout-bar > div > strong {
        color: #10242e !important;
    }

    .anm-create-hero-copy > p,
    .anm-section-heading p,
    .anm-price-eyebrow,
    .anm-create-price-card p,
    .anm-input-wrap .anm-field-note,
    .anm-upload-help,
    .anm-image-placeholder,
    .anm-slot-legend span,
    .anm-slot-position-guide span,
    .anm-swipe-hint,
    .anm-summary-copy > small,
    .anm-summary-math span,
    .anm-policy-agreement span,
    .anm-checkout-bar > div > span,
    .anm-mine-message p {
        color: #4b5f69 !important;
    }

    .anm-create-kicker,
    .anm-section-heading > div:nth-child(2) > span,
    .anm-summary-copy > span,
    .anm-policy-details summary small {
        color: #456f0d !important;
    }

    .anm-create-hero-badges span {
        border-color: #d4dde1 !important;
        background: rgba(255,255,255,.82) !important;
        color: #203640 !important;
    }

    .anm-create-price-card,
    .anm-image-uploader {
        border-color: #d4dde1 !important;
        background: rgba(255,255,255,.94) !important;
        box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
    }

    .anm-create-section {
        border-color: #d5dee2 !important;
        background: linear-gradient(145deg,#ffffff,#f7f9fa) !important;
        box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
    }

    .anm-step-number {
        border-color: #b8d18d !important;
        background: #edf6df !important;
        color: #3f6212 !important;
    }

    .anm-field > label,
    .anm-image-placeholder strong,
    .anm-slot-main,
    .anm-policy-details summary span,
    .anm-policy-agreement strong {
        color: #132b36 !important;
    }

    .anm-create-advert-page .anm-field input,
    .anm-create-advert-page .anm-field select,
    .anm-create-advert-page .anm-field textarea {
        background: #ffffff !important;
        color: #0b1720 !important;
        border-color: #b9c8cf !important;
        box-shadow: none !important;
    }

    .anm-create-advert-page .anm-field input::placeholder,
    .anm-create-advert-page .anm-field textarea::placeholder {
        color: #657983 !important;
        opacity: 1;
    }

    .anm-create-advert-page .anm-field input:focus,
    .anm-create-advert-page .anm-field select:focus,
    .anm-create-advert-page .anm-field textarea:focus {
        background: #ffffff !important;
        border-color: #65a30d !important;
        box-shadow: 0 0 0 3px rgba(101,163,13,.14) !important;
    }

    .anm-create-advert-page select {
        color-scheme: light !important;
    }

    .anm-create-advert-page select option {
        background: #ffffff;
        color: #0b1720;
    }

    .anm-destination-input-shell.is-url .anm-destination-prefix {
        background: #eef3f5 !important;
        color: #203640 !important;
        border-color: #b9c8cf !important;
    }

    .anm-image-preview {
        border-color: #bcc9cf !important;
        background: linear-gradient(145deg,#f8fafb,#edf2f4) !important;
    }

    .anm-image-placeholder-icon {
        background: #edf6df !important;
        color: #456f0d !important;
    }

    .anm-slot-position-guide > div {
        border-color: #d7e0e4 !important;
        background: #f7f9fa !important;
    }

    .anm-slot-position-guide b {
        color: #17303b !important;
    }

    .anm-slot-legend span {
        background: #f3f6f7 !important;
        color: #415661 !important;
    }

    .anm-create-advert-page .anm-advert-day {
        border-color: #d3dde2 !important;
        background: #ffffff !important;
        box-shadow: 0 8px 20px rgba(15,23,42,.04) !important;
    }

    .anm-create-advert-page .anm-advert-day.is-mine {
        border-color: #e4bf78 !important;
        background: linear-gradient(145deg,#fff8e9,#ffffff 58%) !important;
    }

    .anm-create-advert-page .anm-slot-choice {
        border-color: #cbd8be !important;
        background: #f6faef !important;
    }

    .anm-create-advert-page .anm-slot-choice:hover {
        border-color: #84a94c !important;
        background: #eef7e2 !important;
    }

    .anm-slot-state {
        color: #4e7419 !important;
    }

    .anm-create-advert-page .anm-slot-choice.is-selected {
        border-color: #65a30d !important;
        background: linear-gradient(120deg,#e9f6d6,#f5faed) !important;
        box-shadow: 0 0 0 2px rgba(101,163,13,.10) !important;
    }

    .anm-create-advert-page .anm-slot-choice.is-selected .anm-slot-main {
        color: #29450d !important;
    }

    .anm-create-advert-page .anm-slot-choice.is-selected .anm-slot-state {
        color: #365314 !important;
    }

    .anm-create-advert-page .anm-slot-choice.is-taken {
        border-color: #e4abab !important;
        background: #fff1f1 !important;
    }

    .anm-create-advert-page .anm-slot-choice.is-taken .anm-slot-main {
        color: #7f1d1d !important;
    }

    .anm-create-advert-page .anm-slot-choice.is-taken .anm-slot-state {
        color: #a92f2f !important;
    }

    .anm-mine-message {
        border-color: #ead0a0 !important;
        background: #fff8e9 !important;
    }

    .anm-booking-summary {
        border-color: #a9c47a !important;
        background: rgba(255,255,255,.98) !important;
        box-shadow: 0 14px 34px rgba(15,23,42,.13) !important;
    }

    .anm-summary-total {
        background: #edf7df !important;
    }

    .anm-summary-total span {
        color: #4f672e !important;
    }

    .anm-summary-total b {
        color: #365314 !important;
    }

    .anm-policy-details {
        border-color: #d2dde2 !important;
        background: #ffffff !important;
    }

    .anm-policy-details[open] summary {
        border-bottom-color: #d8e1e5 !important;
    }

    .anm-create-advert-page .anm-advert-policy {
        background: #f8fafb !important;
        color: #334b56 !important;
    }

    .anm-policy-agreement {
        border-color: #d4dee3 !important;
        background: #f8fafb !important;
    }

    .anm-checkout-bar {
        border-top-color: #d6e0e4 !important;
    }

    .anm-scroll-arrow {
        border-color: #ccd7dc !important;
        background: rgba(255,255,255,.98) !important;
        color: #172f3a !important;
        box-shadow: 0 7px 18px rgba(15,23,42,.15) !important;
    }

    .anm-create-advert-page .anm-clear-day-selection {
        border-color: #e7b2b2 !important;
        background: #fff3f3 !important;
        color: #991b1b !important;
    }
}

/* ---------- MANUAL THEME SWITCH FALLBACKS ---------- */
html[data-theme="light"] .anm-create-advert-page,
body[data-theme="light"] .anm-create-advert-page,
html.light-mode .anm-create-advert-page,
body.light-mode .anm-create-advert-page,
html.theme-light .anm-create-advert-page,
body.theme-light .anm-create-advert-page {
    color-scheme: light;
}

/* =========================================================
   My Advertisements + generic advert pages
   ========================================================= */
@media (prefers-color-scheme: light) {
    .anm-my-adverts-page {
        --myads-panel: #ffffff;
        --myads-panel-2: #f7f9fa;
        --myads-line: #d4dee3;
        --myads-text: #10242e;
        --myads-muted: #4f636d;
        color: #10242e !important;
        color-scheme: light;
    }

    .anm-myads-hero,
    .anm-myads-kpi,
    .anm-myads-chart-card,
    .anm-myads-funnel-card,
    .anm-myads-campaign,
    .anm-myads-empty,
    .anm-advert-card,
    .anm-advert-panel {
        background: linear-gradient(145deg,#ffffff,#f7f9fa) !important;
        border-color: #d4dee3 !important;
        color: #10242e !important;
        box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
    }

    .anm-myads-hero h1,
    .anm-myads-kpi strong,
    .anm-myads-card-heading h2,
    .anm-myads-bar-meta b,
    .anm-myads-donut strong,
    .anm-myads-donut-legend b,
    .anm-myads-funnel-stage strong,
    .anm-myads-section-title h2,
    .anm-myads-campaign-identity h2,
    .anm-myads-metrics strong,
    .anm-myads-rate-strip strong,
    .anm-myads-bookings summary span strong,
    .anm-myads-booking-table td strong,
    .anm-myads-empty h2,
    .anm-advert-card h3,
    .anm-advert-table th,
    .anm-advert-table td {
        color: #132b36 !important;
    }

    .anm-myads-hero p,
    .anm-myads-kpi small,
    .anm-myads-kpi span:last-child,
    .anm-myads-card-heading > small,
    .anm-myads-donut span,
    .anm-myads-donut-legend span,
    .anm-myads-funnel-stage span,
    .anm-myads-funnel-stage small,
    .anm-myads-refund-info p,
    .anm-myads-campaign-identity p,
    .anm-myads-metrics small,
    .anm-myads-rate-strip span,
    .anm-myads-bookings summary span small,
    .anm-myads-booking-table th,
    .anm-myads-booking-table td,
    .anm-myads-empty p,
    .anm-advert-card > p,
    .anm-advert-table small {
        color: #50656f !important;
    }

    .anm-myads-donut::after {
        background: #ffffff !important;
    }

    .anm-myads-funnel-stage,
    .anm-myads-no-bookings {
        background: #f8fafb !important;
        border-color: #d8e1e5 !important;
    }

    .anm-myads-campaign-actions > a,
    .anm-myads-campaign-actions button {
        background: #f5f8f9 !important;
        border-color: #cbd7dd !important;
        color: #203640 !important;
    }

    .anm-advert-form input,
    .anm-advert-form select,
    .anm-advert-form textarea,
    .anm-advert-table form input[type="text"],
    .anm-advert-table form input:not([type]),
    .anm-advert-comments textarea {
        background: #ffffff !important;
        color: #0b1720 !important;
        border-color: #b9c8cf !important;
        color-scheme: light;
    }

    .anm-advert-policy {
        background: #f8fafb !important;
        color: #334b56 !important;
        border-color: #d4dee3 !important;
    }
}

@media (prefers-color-scheme: dark) {
    .anm-my-adverts-page,
    .anm-advert-card,
    .anm-advert-panel {
        color-scheme: dark;
    }

    .anm-myads-hero p,
    .anm-myads-kpi small,
    .anm-myads-kpi span:last-child,
    .anm-myads-card-heading > small,
    .anm-myads-donut span,
    .anm-myads-donut-legend span,
    .anm-myads-funnel-stage span,
    .anm-myads-funnel-stage small,
    .anm-myads-refund-info p,
    .anm-myads-campaign-identity p,
    .anm-myads-metrics small,
    .anm-myads-rate-strip span,
    .anm-myads-bookings summary span small,
    .anm-myads-booking-table th,
    .anm-myads-booking-table td,
    .anm-myads-empty p,
    .anm-advert-card > p,
    .anm-advert-table small {
        color: #bdcad1 !important;
    }
}


/* ==========================================================================
   FINAL ADVERT REACTION VISIBILITY FIX
   The existing adverts.css light-mode block changes the card surface/text,
   but the reaction/action controls retain their original dark-mode styling.
   This patch explicitly balances the card stats, reaction buttons, comment
   area and CTA in both light and dark modes.
   ========================================================================== */

@media (prefers-color-scheme: light) {
    .anm-advert-card {
        background: linear-gradient(145deg,#ffffff,#f7f9fa) !important;
        border-color: #cfdbe0 !important;
        color: #10242e !important;
        box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;
    }

    .anm-advert-card h3 {
        color: #132b36 !important;
    }

    .anm-advert-card > p {
        color: #4d626c !important;
    }

    .anm-advert-badge {
        background: #edf6df !important;
        color: #3f6212 !important;
        border: 1px solid #c8dba7 !important;
    }

    .anm-advert-card .feed-stats.anm-advert-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 13px;
        color: #334b56 !important;
    }

    .anm-advert-card .feed-stats.anm-advert-stats > span {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-height: 31px;
        padding: 6px 9px;
        border: 1px solid #d2dde2 !important;
        border-radius: 10px;
        background: #f4f7f8 !important;
        color: #435963 !important;
    }

    .anm-advert-card .feed-stats.anm-advert-stats b {
        color: #132b36 !important;
        font-weight: 900;
    }

    .anm-advert-card .anm-advert-actions a,
    .anm-advert-card .anm-advert-actions button {
        border-color: #c6d3d9 !important;
        background: #f3f7f8 !important;
        color: #17303b !important;
        box-shadow: 0 4px 12px rgba(15,23,42,.04);
    }

    .anm-advert-card .anm-advert-actions a:hover,
    .anm-advert-card .anm-advert-actions button:hover {
        border-color: #9eb0b8 !important;
        background: #eaf0f2 !important;
    }

    .anm-advert-card .anm-advert-actions .anm-advert-cta {
        border-color: #4d7c0f !important;
        background: #4d7c0f !important;
        color: #ffffff !important;
    }

    .anm-advert-card .anm-advert-actions button[data-advert-action="like"],
    .anm-advert-card .anm-advert-actions button[data-advert-action="comment"],
    .anm-advert-card .anm-advert-actions button[data-advert-action="share"] {
        color: #17303b !important;
    }

    .anm-advert-card .anm-advert-comments {
        border-top-color: #d5dfe3 !important;
    }

    .anm-advert-card .anm-advert-comments textarea {
        background: #ffffff !important;
        color: #0b1720 !important;
        border-color: #b9c8cf !important;
    }

    .anm-advert-card .anm-advert-comments textarea::placeholder {
        color: #667b85 !important;
        opacity: 1;
    }

    .anm-advert-card .anm-advert-comments button {
        border: 1px solid #4d7c0f !important;
        background: #4d7c0f !important;
        color: #ffffff !important;
    }

    .anm-advert-card .anm-advert-comment {
        border-bottom-color: #d8e1e5 !important;
        color: #263f4a !important;
    }
}

@media (prefers-color-scheme: dark) {
    .anm-advert-card .feed-stats.anm-advert-stats {
        color: #dbe7eb !important;
    }

    .anm-advert-card .feed-stats.anm-advert-stats > span {
        color: #dbe7eb !important;
    }

    .anm-advert-card .feed-stats.anm-advert-stats b {
        color: #ffffff !important;
    }

    .anm-advert-card .anm-advert-actions a,
    .anm-advert-card .anm-advert-actions button {
        color: #ffffff !important;
    }
}

/* Manual AllNaijaMarket light-theme hooks. */
html[data-theme="light"] .anm-advert-card,
body[data-theme="light"] .anm-advert-card,
html.light-mode .anm-advert-card,
body.light-mode .anm-advert-card,
html.theme-light .anm-advert-card,
body.theme-light .anm-advert-card {
    background: linear-gradient(145deg,#ffffff,#f7f9fa) !important;
    border-color: #cfdbe0 !important;
    color: #10242e !important;
}

html[data-theme="light"] .anm-advert-card h3,
body[data-theme="light"] .anm-advert-card h3,
html.light-mode .anm-advert-card h3,
body.light-mode .anm-advert-card h3,
html.theme-light .anm-advert-card h3,
body.theme-light .anm-advert-card h3 {
    color:#132b36 !important;
}

html[data-theme="light"] .anm-advert-card > p,
body[data-theme="light"] .anm-advert-card > p,
html.light-mode .anm-advert-card > p,
body.light-mode .anm-advert-card > p,
html.theme-light .anm-advert-card > p,
body.theme-light .anm-advert-card > p {
    color:#4d626c !important;
}

html[data-theme="light"] .anm-advert-card .feed-stats.anm-advert-stats > span,
body[data-theme="light"] .anm-advert-card .feed-stats.anm-advert-stats > span,
html.light-mode .anm-advert-card .feed-stats.anm-advert-stats > span,
body.light-mode .anm-advert-card .feed-stats.anm-advert-stats > span,
html.theme-light .anm-advert-card .feed-stats.anm-advert-stats > span,
body.theme-light .anm-advert-card .feed-stats.anm-advert-stats > span {
    border:1px solid #d2dde2 !important;
    background:#f4f7f8 !important;
    color:#435963 !important;
}

html[data-theme="light"] .anm-advert-card .feed-stats.anm-advert-stats b,
body[data-theme="light"] .anm-advert-card .feed-stats.anm-advert-stats b,
html.light-mode .anm-advert-card .feed-stats.anm-advert-stats b,
body.light-mode .anm-advert-card .feed-stats.anm-advert-stats b,
html.theme-light .anm-advert-card .feed-stats.anm-advert-stats b,
body.theme-light .anm-advert-card .feed-stats.anm-advert-stats b {
    color:#132b36 !important;
}

html[data-theme="light"] .anm-advert-card .anm-advert-actions button,
body[data-theme="light"] .anm-advert-card .anm-advert-actions button,
html.light-mode .anm-advert-card .anm-advert-actions button,
body.light-mode .anm-advert-card .anm-advert-actions button,
html.theme-light .anm-advert-card .anm-advert-actions button,
body.theme-light .anm-advert-card .anm-advert-actions button {
    border-color:#c6d3d9 !important;
    background:#f3f7f8 !important;
    color:#17303b !important;
}