/*
 * "Collab & Advertising" page - is_page('collab-advertising') only.
 * Scoped under body.collab-advertising (a WordPress-added body class for
 * this page's own slug), so nothing here touches any other page even
 * though they share the same theme-default classes (.td-page-content,
 * .td-main-content, etc.).
 *
 * The content restructuring itself (splitting one giant misused <h2> into
 * real paragraphs/lists, fixing the malformed contact links) happens in
 * inc/page-collab-advertising.php; this file only styles the result.
 */

/* The sidebar column is empty on this page (confirmed against the live
   markup: "<!-- .no sidebar -->", no actual widgets) - reclaiming that
   width for the content instead of leaving it blank. */
body.collab-advertising .td-pb-span8.td-main-content {
    width: 100% !important;
}
body.collab-advertising .td-main-sidebar {
    display: none;
}

body.collab-advertising .td-page-content {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.75;
    color: #333333;
}

body.collab-advertising .td-page-content h2 {
    margin: 36px 0 16px;
    font-size: 26px;
    font-weight: 700;
    color: #111111;
}
body.collab-advertising .td-page-content h2:first-child {
    margin-top: 0;
}

body.collab-advertising .td-page-content p {
    margin: 0 0 20px;
}

/* "We offer" list, split out of the page's own run-on heading */
body.collab-advertising .ah-collab-offers {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}
body.collab-advertising .ah-collab-offers li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 26px;
}
body.collab-advertising .ah-collab-offers li:before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 0;
    color: #E11B22;
    font-weight: 700;
}

/* Existing services list, restyled as pills */
body.collab-advertising .ah-collab-services {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
}
body.collab-advertising .ah-collab-services li {
    padding: 8px 18px;
    background-color: #f5f5f5;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #333333;
}

/* Contact buttons */
body.collab-advertising .ah-collab-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
    padding-top: 28px;
    border-top: 1px solid #ececec;
}
body.collab-advertising .ah-collab-contact-btn {
    display: inline-block;
    padding: 13px 28px;
    background-color: #E11B22;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none !important;
    transition: background-color 0.18s ease, transform 0.18s ease;
}
body.collab-advertising .ah-collab-contact-btn:hover {
    background-color: #b3141a;
    transform: translateY(-2px);
}
body.collab-advertising .ah-collab-contact-btn:last-child {
    background-color: #111111;
}
body.collab-advertising .ah-collab-contact-btn:last-child:hover {
    background-color: #333333;
}

@media (max-width: 767px) {
    body.collab-advertising .ah-collab-contact {
        flex-direction: column;
    }
    body.collab-advertising .ah-collab-contact-btn {
        text-align: center;
    }
}