/*****
html[lang=en-US]
html[lang=en-SA]
html[lang=ar]
html[lang=ar-SA]
/*****/


/*********************/

.footer-contact {
    display: none !important;
}


/* Ad slide sizing lives in the tanazul-ads plugin CSS (aspect-ratio boxes). Three Divi-era
   rules used to sit here and beat it: banner/footer slides at height 650px, squares at
   350x500, images object-fit: contain. Removed 2026-09-21 (musaned.net runs the plugin CSS
   as-is). */

/*********************/


article#post-255480 {
    place-items: center;
}

#comments,
#wpdcom {
    width: 90vw;
    max-width: none !important;
    margin: 0 auto !important;
    /* margin-inline: auto; */
}

#wpdcom .wpd-thread-filter {
    display: none !important;
}

label.wpd_label {
    display: none !important;
}

.wp-block-heading {
    text-align: center;
}


/***** Screenshot Button *******/
.screenshot-container {
    display: block;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    z-index: 10000;
    border-radius: 8px;
    border: 1px solid #afafaf;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    width: 90%;
    max-width: none;
    max-height: none;
    text-align: center;
}

.screenshot-container img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 5px;
    background: white;
    background-color: white;
    padding: 1px;
}

button.screenshot-btn {
    padding: 0px 5px;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
    background: none;
    border: none;
    color: #afafaf;
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.screenshot-btn:hover {
    color: #292929;
}

.btn.screenshot-copy-btn,
.btn.screenshot-download-btn,
.btn.screenshot-whatsapp-btn,
.btn.screenshot-xtwitter-btn {
    margin: 5px;
    padding: 10px 15px;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    width: 20%;
    height: 30px;
    cursor: pointer;
    border: none;
}

.btn.screenshot-copy-btn {
    background-color: #afafaf;
    height: 50px;
}

.btn.screenshot-download-btn {
    background-color: #14171A;
}

.btn.screenshot-whatsapp-btn {
    background-color: #25D366;
}

.btn.screenshot-xtwitter-btn {
    background-color: #1DA1F2;
}

.screenshot-copy-btn.clicked {
    color: #ffffff;
    background-color: #14171A;
}

i.fa.fa-close,
i.fas.fa-bookmark,
i.fas.fa-camera,
i.fas.fa-image,
i.fas.fa-expand,
i.fas.fa-compress,
i.fas.fa-play,
i.far.fa-sort,
i.far.fa-share-alt {
    font-size: 14px;
}

.wpd-comment-wrap::after {
    content: "tanazul.net";
    position: absolute;
    color: #808080;
    width: fit-content;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}

.wpd-comment-right {
    padding-bottom: 22px !important;
}


/***** Delete Comment Form *******/
.dltbutton {
    padding: 0px 10px;
    font-size: 24px;
    cursor: pointer;
    user-select: none;
    background: none;
    border: none;
    color: #afafaf;
    position: absolute;
    right: 2px;
    left: auto;
    bottom: 0;
    margin: 0 !important;
}

.dltbutton:hover {
    color: red;
}

/* "(AD)" tag on Absolute Ads cards, generated purely in CSS (no JS DOM
   insertion, so there's no race with addShareButtons() adding .screenshot-btn
   asynchronously) - shows automatically the moment both the .tnvabsolute
   class and the share button exist together. .screenshot-btn is itself
   position:absolute, which makes it the positioning context for its own
   ::after, so this sits right beside it regardless of card width. */
.tnvabsolute .screenshot-btn::after {
    content: "AD";
    position: absolute;
    left: 30px;
    bottom: 4px;
    font-size: 10px;
    font-weight: bold;
    color: #afafaf;
    white-space: nowrap;
}

.dltcontainer {
    display: none;
    position: fixed;
    width: 380px;
    max-width: 90%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    z-index: 15;
    text-align: center;
    align-content: center;
    border: 1px solid #afafaf;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.dltcontainer p {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.dltoverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 14;
}

#deleteSubmit:hover {
    background-color: #292929;
    transition: ease-in-out .3s all;
}

#deleteSubmit {
    width: 100%;
    background-color: #808080;
    color: white;
    border: none;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 18px;
}

/******* x close **************/
.stnxclose {
    position: absolute;
    color: #808080;
    background: none;
    top: 7px;
    right: 7px;
    cursor: pointer;
    border: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    font-size: 24px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    user-select: none;
    z-index: 10;
}

/*********************/


/****** Admin edits */
html[lang=ar] .logged-in textarea,
html[lang=ar-SA] .logged-in textarea {
    text-align: right;
}

/*********************/

/**** Admin editor comments **/
.logged-in .wpdiscuz-edit-form-wrap .wc_save_wrap {
    text-align: center !important;
}

.logged-in .wpdiscuz-item label.wpd-field-label {
    display: inline;
    margin: 0;
    vertical-align: middle;
    width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.logged-in .wpd-item {
    display: inline-block;
    padding: 1px;
    margin: 1px;
    min-width: 60px;
    width: 16%;
}

.logged-in .wpd-tools {
    position: relative;
    left: 85px;
    position: relative;
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
}

.logged-in .wpd-tools-actions {
    display: block !important;
    right: -5vw !important;
    min-width: 50px !important;
    top: -10px !important;
}

.logged-in .wpd-comment-footer .wpd-tools i {
    color: #000 !important;
    font-size: 18px !important;
    cursor: pointer;
    bottom: 4px;
    position: relative;
}

/***********/


/*********************/


/******** ContactForm *************/


/***************************/


/******** Onboarding *************/

#nextBtn {
    order: 2;
}

/* position:fixed;bottom:16px;right:16px; */
/******** Introduction ********/
/*********************/

/***** Comments Intro/Info *************************************/
.comments_image,
.comments_note {
    display: block !important;
    text-align: center;
    padding: 0 0 10px;
    color: #afafaf;
}

.comments_intro {
    display: block !important;
    text-align: center;
    padding: 0 0 15px;
    color: #afafaf;
}

.comments_info {
    display: block !important;
    text-align: center;
    padding: 10px 0 20px;
}

.comments_terms {
    display: block !important;
    text-align: center;
    padding: 10px 0;
    color: #afafaf;
}

.comments_terms a {
    color: #afafaf;
}

/****** Whatsapp and Call *********/
#iwhatsch {
    position: fixed;
    width: 150px;
    height: 38px;
    bottom: 12px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #323333;
    border-radius: 5px;
    text-align: center;
    z-index: 10;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#icall {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 16px;
    right: 16px;
    background-color: #323333;
    border-radius: 50px;
    text-align: center;
    z-index: 10;
}

#iwhatsapp {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 16px;
    left: 16px;
    background-color: #25D366;
    border-radius: 50px;
    text-align: center;
    z-index: 10;
}

.icall,
.iwhatsapp {
    margin-top: 8px;
}

/******************************/


#wpdcom {
    overflow: visible;
}

.wpd-comment {
    position: relative;
}

/***** "Who posted this" badge (employer / recruitment office / agent) *****
 * One generic ::before/::after pair instead of a hand-duplicated CSS block
 * per category. Kept in sync with TNZ_POSTER_CATEGORIES in tanazul-app.js,
 * the single source of truth for which categories exist and what their
 * label/icon are - adding a 4th category only ever means editing that one
 * JS array, nothing here: the JS sets data-tnz-poster (which category),
 * data-tnz-poster-label (the badge text, read via attr() below) and a
 * --tnz-poster-icon CSS variable (the hover icon) on the comment itself.
 *
 * Deliberately ::before/::after, not real <span> elements: this used to be
 * real spans for better accessibility (actual selectable text instead of a
 * CSS `content:` string), but wpdiscuz's own stylesheet has
 * #wpdcom span{display:inline;...} (an ID selector, beats any class
 * selector regardless of source order), which real <span> elements are
 * subject to and pseudo-elements never are - #wpdcom span can only ever
 * match a literal <span> tag, and a pseudo-element isn't one. Reverting to
 * pseudo-elements sidesteps that fight entirely, the same way the original,
 * pre-refactor version of this feature worked. */
.wpd-comment[data-tnz-poster]::after {
    content: attr(data-tnz-poster-label);
    position: absolute;
    top: 1px;
    right: 1px;
    left: 1px;
    background: #ffffff;
    width: calc(100% - 27px);
    padding: 12px;
    color: #808080;
    font-weight: bold;
    border-radius: 9px;
    pointer-events: none;
}

.wpd-comment[data-tnz-poster]:hover::after {
    display: none;
}

.wpd-comment[data-tnz-poster]::before {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    transform: translateX(9px) translateY(-10px);
    background-image: var(--tnz-poster-icon);
    background-color: #afafaf;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #808080;
    border-radius: 100%;
    z-index: 1;
}

.wpd-comment[data-tnz-poster]:hover::before {
    display: block;
}

@media (max-width: 981px) {
    .wpd-comment[data-tnz-poster]::after {
        padding: 10px;
    }
}


/***** Category Border Ads X ******/
.tnzaad.wpd-comment {
    border: 1px solid #afafaf !important;
}

.tnzood.wpd-comment {
    border: 1px solid #292929 !important;
}

/************* Hide Comment Section X *************/
.wpd-custom-field.wpd-cf-text.tnzcategory {
    display: none !important;
}

/** 1.Category 2.Nationality 3.Profession 4.Region 5.Number 6.Whatsapp 
/** 7.Cost 8.Salary 9.Time 10.Age
/*******/
.wpd-custom-field.wpd-cf-text:nth-child(1),
.wpd-custom-field.wpd-cf-text:nth-child(6) .wpd-cf-label,
.wpd-custom-field.wpd-cf-text:nth-child(7),
.wpd-custom-field.wpd-cf-text:nth-child(8) .wpd-cf-label,
.wpd-custom-field.wpd-cf-text:nth-child(9) .wpd-cf-label,
.wpd-custom-field.wpd-cf-text:nth-child(10) .wpd-cf-label {
    display: none !important;
}

/************
.wpd-custom-field.wpd-cf-text.tnztime
.wpd-custom-field.wpd-cf-text.tnzsalary
.wpd-custom-field.wpd-cf-text.tnzcost
.wpd-custom-field.wpd-cf-text.tnzage ?
/******
.tnzsalary:before {content: 'الراتب';display:block!important;position:absolute;color:#fff;background:#808080;padding:1px 5px;min-width:45px;left:100%;top:4px;border:1px solid #afafaf;border-radius:5px;text-align:center;}
/******/
.tnzage:before,
.tnztime:before,
.tnzsalary:before {
    display: none;
    position: absolute;
    color: #fff;
    background: #808080;
    padding: 1px;
    min-width: 55px;
    height: 28px;
    left: 100%;
    border: 1px solid #afafaf;
    border-radius: 5px;
    text-align: center;
    align-items: center;
    justify-content: center;
    top: 0;
}

.tnzage.show:before {
    content: 'العمر';
    display: flex;
}

.tnztime.show:before {
    content: 'المدة';
    display: flex;
}

.tnzsalary.show:before {
    content: 'الراتب';
    display: flex;
}

.tnzcost.show:before {
    content: 'التكلفة';
    display: none;
}

/******
.wpd-comment:hover .tnzxtime,
.wpd-comment:hover .tnzxcost,
.wpd-comment:hover .tnzxsalary,
.wpd-comment:hover .tnzxage {
border-color: #afafaf !important;color: #afafaf;}
/******/
.wpd-custom-field.wpd-cf-text.tnzage {
    position: absolute;
    max-width: min-content;
    right: calc(50% - 100px);
}

.wpd-custom-field.wpd-cf-text.tnztime {
    position: absolute;
    max-width: min-content;
    right: calc(75% - 115px);
}

.wpd-custom-field.wpd-cf-text.tnzsalary {
    position: absolute;
    max-width: min-content;
    right: calc(25% - 85px);
}

html[lang=en-US] .wpd-custom-field.wpd-cf-text.tnzage {
    left: calc(50% - 100px);
}

html[lang=en-US] .wpd-custom-field.wpd-cf-text.tnztime {
    left: calc(75% - 115px);
}

html[lang=en-US] .wpd-custom-field.wpd-cf-text.tnzsalary {
    left: calc(25% - 85px);
}

/******/
@media (max-width: 980px) {
    .wpd-custom-field.wpd-cf-text.tnzage {
        right: auto;
        left: 5px;
        bottom: 103px;
    }

    .wpd-custom-field.wpd-cf-text.tnztime {
        right: auto;
        left: 5px;
        bottom: 68px;
    }

    .wpd-custom-field.wpd-cf-text.tnzsalary {
        right: auto;
        left: 5px;
        bottom: 137px;
    }
}

/****** Disable on Mobile? ************
@media (max-width: 769px) {.wpd-cf-value.tnzxage, .wpd-cf-value.tnzxtime, .wpd-cf-value.tnzxcost, .wpd-cf-value.tnzxsalary {display:none !important;}}
/******/
.wpd-custom-field.wpd-cf-text.tnzcost,
.wpd-cf-value.tnzxcost {
    display: none !important;
}

.wpd-cf-value.tnzxage,
.wpd-cf-value.tnzxtime,
.wpd-cf-value.tnzxsalary {
    background-color: transparent !important;
    border-color: transparent !important;
    text-align: center !important;
    font-weight: bold;
    color: #808080;
    min-width: 65px;
    top: 2px;
    position: relative;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
}


/***** LTR Comments icon *****/
html[lang=en-US] .wpd-comment-wrap.wpd-blog-user.wpd-blog-post_author:before,
html[lang=en-US] .wpd-comment-wrap.wpd-blog-guest:before,
html[lang=en-SA] .wpd-comment-wrap.wpd-blog-user.wpd-blog-post_author:before,
html[lang=en-SA] .wpd-comment-wrap.wpd-blog-guest:before {
    left: 0;
    margin-left: -12px;
}

/***** Close Ads x *****/


/***** Prime/Fixed Comments Ads on Desktop/Phone  ******
#closeads {position: fixed;bottom: 88px;right: 4%;border: 2px solid #292929;color: #afafaf;border-radius: 100%;width: 22px;height: 22px;font-size: 21px;padding: 0;cursor: pointer;display: inline-flex;justify-content: center;user-select: none;z-index: 9;}
@media only screen and (min-width: 981px) {
.tnzfixedad.wpd-comment {position: fixed;background: #eaeaea;z-index: 9;width: 90%;bottom:-15px;margin: 0 auto;left: 0;right: 0;
border: 3px solid #292929 !important;}
.tnzfixedad.wpd-comment:hover {border: 3px solid #292929 !important;}
.tnzfixedad .wpd-comment-text p, .tnzfixedad .wpd-comment-date, .tnzfixedad .wpd-comment-footer, .wpd-comment-share, button.extrabutton
{display: none !important;}}
@media only screen and (max-width: 980px) {
.tnzfixedad.wpd-comment {position: fixed;background: #eaeaea;z-index: 9;width: 90%;bottom:-15px;margin: 0 auto;left: 0;right: 0;
border: 3px solid #292929 !important;}
.tnzfixedad.wpd-comment:hover {border: 3px solid #292929 !important;}
.tnzfixedad .wpd-comment-text p, .tnzfixedad .wpd-comment-date, .tnzfixedad .tnznationality, .tnzfixedad .tnzprofession, .tnzfixedad .tnzregion, .tnzfixedad .wpd-comment-footer, .wpd-comment-share, button.extrabutton
{display: none !important;}}
/*****************************************/
/***** Prime/Absolute Comments Ads, No Text (Increase Padding) **********
.tnvabsad .wpd-comment-text p, .tnzabsad .wpd-comment-date {display: none !important;}
@media only screen and (min-width: 981px) {
.wpd-thread-list {padding-top: 165px!important;} 
.tnvabsad.wpd-comment {top: 200px;position:absolute;background:#fff;z-index:9;width:100%;margin:0 auto;left:0;right:0;}}
@media only screen and (max-width: 980px) {
.wpd-thread-list {padding-top: 260px!important;} 
.tnvabsad.wpd-comment {top: 200px;position:absolute;background:#fff;z-index:9;width:100%;margin:0 auto;left:0;right:0;}}
/*****************************************/
/***** Prime/Absolute Comments Ads, Full Ad (Increase Padding)? **********
.tnvabsolute .wpd-comment-text p, .tnvabsolutad .wpd-comment-date {display: none !important;}
@media only screen and (min-width: 981px) {
.wpd-thread-list {padding-top: 165px!important;} 
.tnvabsolute.wpd-comment {top: 200px;position:absolute;background:#fff;z-index:9;width:100%;margin:0 auto;left:0;right:0;}}
@media only screen and (max-width: 980px) {
.wpd-thread-list {padding-top: 260px!important;} 
.tnvabsolute.wpd-comment {top: 200px;position:absolute;background:#fff;z-index:9;width:100%;margin:0 auto;left:0;right:0;}}
/*****************************************/

/*****************************************/
/***** Platinum Verified Comments Ads ******/
.tnvplatinum.wpd-comment {
    background: #eaeaea;
    border: 4px solid #292929 !important;
}

.tnvplatinum.wpd-comment:hover {
    background: #eaeaea;
    border: 4px solid #292929 !important;
}

.tnvplatinum.wpd-comment:hover {
    background: #eaeaea;
    border: 4px solid #292929 !important;
}

.tnvplatinum .wpd-comment-right:before {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -12px;
    margin-right: -12px;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url(/media/tanazul-tnxblackx.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

.tnvplatinum.wpd-comment:hover::before,
.tnvplatinum.wpd-comment:hover::after,
.tnvplatinum.wpd-comment::after {
    display: none !important;
}

/***** Gold Verified Comments Ads ******/
.tnvgold.wpd-comment {
    background: #fefefe;
    border: 5px solid #c96739 !important;
}

.tnvgold.wpd-comment:hover {
    background: #eaeaea;
    border: 5px solid #c96739 !important;
}

.tnvgold .wpd-comment-right:before {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -12px;
    margin-right: -12px;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url(/media/tanazul-tnxgoldx.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

.tnvgold.wpd-comment:hover::before,
.tnvgold.wpd-comment:hover::after,
.tnvgold.wpd-comment::after {
    display: none !important;
}

/***** Silver Verified Comments Ads ******/
.tnvsilver.wpd-comment {
    background: #fefefe;
    border: 4px solid #afafaf !important;
}

.tnvsilver.wpd-comment:hover {
    background: #eaeaea;
    border: 4px solid #afafaf !important;
}

.tnvsilver .wpd-comment-right:before {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -12px;
    margin-right: -12px;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url(/media/tanazul-tnxsilverx.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

.tnvsilver.wpd-comment:hover::before,
.tnvsilver.wpd-comment:hover::after {
    display: none;
}

/***** Basic Verified Comments Ads ******/
.tnvbasic.wpd-comment {
    background: #fefefe;
    border: 4px solid #afafaf !important;
}

.tnvbasic.wpd-comment:hover {
    background: #eaeaea;
    border: 4px solid #afafaf !important;
}

.tnvbasic.wpd-comment:hover::before,
.tnvbasic.wpd-comment:hover::after {
    display: none;
}

/* Absolute Ads (pinned by mobile number or comment ID, moved in the DOM -
   stays in normal document flow, unlike the old position:absolute
   overlay). No border/background of its own any more - a pinned card
   keeps whatever tier styling it already has (or plain, if none), and the
   only thing marking it as an Absolute Ad is the "(AD)" tag next to the
   screenshot/share button (.tnvabsolute .screenshot-btn::after, above)
   plus its position above the divider. */
.tnv-absolute-divider {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: #efefef !important;
    border: 0 !important;
    margin: 15px 0 !important;
    clear: both;
}

/*****************************************/
/***** Fixed Ads (one admin-chosen listing, floating over the bottom of the
   viewport while scrolling - the JS behind this class, applyFixedAds() in
   tanazulverified-scripts.js, previously ran once before comments had even
   loaded via AJAX and so never found its target; the CSS for it also
   targeted a different, unrelated class name and was itself sitting inside
   a dead comment - so despite the admin field existing, this had no real
   effect at all until both were fixed together. Revived under the correct
   .tnvfixed class name (matching the tnv* family the rest of this plugin's
   tiers use), same "stripped-down floating bar" look as the original,
   dropped design, but with .wpd-comment-share/button.extrabutton properly
   scoped to .tnvfixed - the original versions of those two selectors had
   no such scoping and would have hidden the share button and "read more"
   button globally, on every card, not just the fixed one. ******/
@media only screen and (min-width: 981px) {
    .tnvfixed.wpd-comment {
        position: fixed;
        background: #eaeaea;
        z-index: 9;
        width: 90%;
        bottom: -15px;
        margin: 0 auto;
        left: 0;
        right: 0;
        border: 3px solid #292929 !important;
    }

    .tnvfixed.wpd-comment:hover {
        border: 3px solid #292929 !important;
    }

    .tnvfixed .wpd-comment-text p,
    .tnvfixed .wpd-comment-date,
    .tnvfixed .wpd-comment-share,
    .tnvfixed button.extrabutton {
        display: none !important;
    }
}

@media only screen and (max-width: 980px) {
    .tnvfixed.wpd-comment {
        position: fixed;
        background: #eaeaea;
        z-index: 9;
        width: 90%;
        bottom: -15px;
        margin: 0 auto;
        left: 0;
        right: 0;
        border: 3px solid #292929 !important;
    }

    .tnvfixed.wpd-comment:hover {
        border: 3px solid #292929 !important;
    }

    .tnvfixed .wpd-comment-text p,
    .tnvfixed .wpd-comment-date,
    .tnvfixed .tnznationality,
    .tnvfixed .tnzprofession,
    .tnvfixed .tnzregion,
    .tnvfixed .wpd-comment-share,
    .tnvfixed button.extrabutton {
        display: none !important;
    }
}

/* This is a unique, one-off ad, not a normal tier card - several things a
   normal card shows don't apply to it: the "who posted this" badge/icon
   (a real listing's category, not relevant to a hand-picked ad), the
   delete button (nothing to delete - it's not a real submission), and the
   screenshot/share button (.wpd-comment-share above is wpDiscuz's own
   built-in share icons; .screenshot-btn is this theme's own "..." button -
   both count as "the share button"). ::before/::after covers both the
   poster badge text and its hover icon (tanazul-app.js's
   parentCommentsClasses() still runs and still sets data-tnz-poster on it -
   simplest to just not render the result here, rather than special-case
   that function too). Extra specificity (.wpd-comment.tnvfixed, not just
   .tnvfixed) to reliably beat the base badge rule regardless of source
   order. */
.wpd-comment.tnvfixed[data-tnz-poster]::before,
.wpd-comment.tnvfixed[data-tnz-poster]::after {
    display: none !important;
}

.tnvfixed .dltbutton,
.tnvfixed .screenshot-btn,
.tnvfixed .tnz-comment-id {
    display: none !important;
}

/* The footer itself stays visible (unlike a normal card, where nothing here
   is unique) - just its native vote/reply row is hidden, replaced with the
   custom link centered in the same spot.
   Deliberately still position:absolute (the theme's own #wpdcom
   .wpd-comment-footer{position:absolute;left:0;} rule, untouched) rather
   than position:static: .wpd-comment-wrap is itself display:flex;
   flex-direction:row;flex-wrap:nowrap, and switching the footer to
   position:static re-admits it as a normal flex item in that row - with
   nowrap, that squeezes every other field in the row to make space for it
   (this is exactly what broke the WhatsApp field's layout on a first
   attempt at this fix). Staying absolute keeps it out of that flex flow
   entirely, same as it always was; left:0 (already set) plus right:0
   spans the full card width without needing position:static, and
   text-align centers the one visible child (.tnv-fixed-link) - no flex
   needed for a single text node. #wpdcom prefix still needed to win
   against that same ID-selector rule for left/right. */
#wpdcom .tnvfixed .wpd-comment-footer {
    right: 0 !important;
    text-align: center !important;
}

.tnvfixed .wpd-comment-footer>*:not(.tnv-fixed-link) {
    display: none !important;
}

.tnv-fixed-link {
    color: #505050;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    margin: 0 auto;
}

.tnv-fixed-link:hover {
    color: #292929;
}

.tnv-fixed-description {
    margin-right: 10px;
    color: #505050;
    font-size: 14px;
    font-weight: bold;
}

/*****************************************/
/***** Show Old Comments Ads? ******
.tnvplatinum.xold_comment {display: block;opacity: 1;}


/***** Special Comments Ads Office X ******
.tnpoffice.wpd-comment {background: #fefefe;border: 4px solid #292929 !important;}
.tnpoffice.wpd-comment:hover {background: #fefefe;border: 4px solid #292929 !important;}
.tnpoffice .wpd-comment-right:before {
position: absolute;top: 0;right: 0;margin-top: -14px;margin-right: -14px;width: 24px;height: 24px;content: "";
background-image: url(/media/tanazul-comments-icon-special.svg);background-size: contain; background-repeat: no-repeat;}
/***** Premium Comments Ads Agent X ******
.tnpagent.wpd-comment {background: #eaeaea;border: 5px solid #c96739 !important;}
.tnpagent.wpd-comment:hover {background: #eaeaea;border: 5px solid #c96739 !important;}
.tnpagent .wpd-comment-right:before {
position: absolute;top: 0;right: 0;margin-top: -14px;margin-right: -14px;width: 24px;height: 24px;content: "";
background-image: url(/media/tanazul-comments-icon-premium.svg);background-size: contain; background-repeat: no-repeat;}
/***** Premium Comments Ads Employer X ******
.tnpemployer.wpd-comment {background:#fefefe;border:4px solid #afafaf!important;}
.tnpemployer.wpd-comment:hover {background:#fefefe;border:4px solid #afafaf!important;}
.tnpemployer .wpd-comment-right:before {
position: absolute;top: 0;right: 0;margin-top: -14px;margin-right: -14px;width: 24px;height: 24px;content: "";
background-image: url(/media/tanazul-comments-icon-normal.svg);background-size: contain; background-repeat: no-repeat;}
/*****************************************/


/*****************************************/


/***** Premium/Absolute Comments Ads **********
#wpd-comm-382_0.wpd-comment 
{position: absolute;background: #fff;z-index: 9;width: 100%;top: 26%;margin: 0 auto;left: 0;right: 0;}
/***** Premium/Fixed Comments Ads on Desktop only *****
@media only screen and (min-width: 1080px) {
#wpd-comm-382_0.wpd-comment 
{position: fixed;background: #fff;z-index: 9;width: 90%;bottom:5px;margin: 0 auto;left: 0;right: 0;}}

/***********
Tanazul Page
*/
/* Was "Basic/Silver/Gold/Platinum/Hide Examples" - four tiers of rules
   hardcoded to specific comment IDs (751/750/749/748), from whatever
   demo/example content this site had years ago at that ID range (current
   live comments are in the 5000s; verified 748-751 no longer exist in the
   database). Live CSS the whole time, matching zero elements - pure dead
   weight, unlike the "Premium/Absolute" block just above it, which was
   already inert (inside an unclosed comment). Removed rather than left:
   a rule hardcoded to a specific comment ID is fragile by nature, and
   there's no reason to keep one pointed at IDs that don't exist. */

/***** Add Whatsapp Link JS ********************
#comment-136 .wpd-comment-header .wpd-comment-share, 
#comment-135 .wpd-comment-header .wpd-comment-share, 
#comment-134 .wpd-comment-header .wpd-comment-share 
{left: 10px !important;}
#comment-136 .fa-whatsapp:before,
#comment-135 .fa-whatsapp:before,
#comment-134 .fa-whatsapp:before 
{background:#25D366;color:#fff;border-radius:5px;padding: 5px 7px;}

/****************/


/*********** Block phone numbers **********/
.wpd-comment.tnzblocked {
    display: none !important;
}

/*********************/


/*********** Truncate extra comment **********/
button.extrabutton {
    width: 100%;
    position: absolute;
    cursor: pointer;
    border: none !important;
    background: linear-gradient(to bottom, transparent 50%, #eaeaea 125%);
    color: transparent !important;
    padding: 25px 0 0 !important;
}

button.extrabutton:hover {
    background: transparent !important;
}

@media (min-width: 981px) {
    button.extrabutton {
        bottom: 68px;
    }
}

@media (max-width: 980px) {
    button.extrabutton {
        bottom: 168px;
    }
}

/*********************/


/****** Main cursor */
p,
h1,
h2,
h3,
h4,
h5,
h6,
div {
    cursor: default;
}

/*********************/


/******* Note *******/
.tnznote {
    display: block;
    text-align: center;
    background-color: #eaeaea;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid #afafaf;
    width: 300px;
    margin: 25px auto;
    width: fit-content;
    padding: 10px;
}

/*********************/


/*********************/
.fa-whatsapp-square:before {
    content: "\f40c";
    font-size: 22px;
    line-height: 0.8;
}

/************* Remove Whatsapp Section (tnzwhats) ???? *************
.wpd-custom-field.wpd-cf-text.tnzwhatsapp {display: none!important;}
.wpd-cf-value.tnzwhats {display: none;}
.wpd-custom-field.wpd-cf-text:nth-child(6) {display:none;visibility:hidden;}
/************* Add Whatsapp Section (tnzwhats) *************/
html[lang=en-US] .wpd-custom-field.wpd-cf-text.tnzwhatsapp,
html[lang=en-SA] .wpd-custom-field.wpd-cf-text.tnzwhatsapp {
    right: 0;
    left: auto;
}

.wpd-custom-field.wpd-cf-text.tnzwhatsapp {
    position: absolute;
    width: 40px;
    left: 0;
}

.wpd-custom-field.wpd-cf-text.tnzwhatsapp .wpd-cf-label {
    display: none !important;
}

.wpd-custom-field.wpd-cf-text.tnzwhatsapp .wpd-cf-value {
    background: none !important;
    border: none !important;
    position: relative;
}

.wpd-cf-value.tnzwhats a {
    color: #808080;
    border-radius: 4px;
    padding: 10px 17px;
    border: 1px solid #d4d4d4;
    text-decoration: none;
}

.wpd-cf-value.tnzwhats a:hover {
    color: #fff;
    background: #25d366;
}

@media (min-width: 981px) {
    .wpd-custom-field.wpd-cf-text.tnzmobilenumber {
        width: calc(100% + 350px);
    }

    .wpd-custom-field.wpd-cf-text.tnzwhatsapp {
        bottom: 36px;
        left: -10px;
    }
}

@media (max-width: 980px) {
    .wpd-custom-field.wpd-cf-text.tnzwhatsapp {
        bottom: 36px;
        left: -10px;
    }
}


/******** Images overflow on Mobile ********************/


/************* Remove Image attachment ???? *************
.wmu-comment-attachments {display:none;visibility:hidden;}
/************* Display Image attachment *************/
html[lang=en-US] #wpdcom .wmu-comment-attachments {
    left: auto;
    right: 5px;
}

#wpdcom .wmu-comment-attachments {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
}

#wpdcom .wmu-attached-images {
    display: inline-block;
    border: none;
    margin: 0;
}

#wpdcom .wmu-attached-images .wmu-attachment {
    margin: 5px;
}

#wpdcom .wmu-attached-images .wmu-attached-image {
    width: 20px !important;
    max-height: 20px !important;
}

#wpdcom .wmu-attached-image-link {
    display: inline-flex;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    border: 1px solid #afafaf;
    background: #efefef;
}

#wpdcom .wmu-tabs {
    padding: 20px 0px;
    margin: 0px;
    text-align: center;
}

#wpdcom .wmu-attached-images .wmu-attached-image,
#wpdcom .wmu-attached-images .attachment-thumbnail {
    filter: opacity(0) !important;
    border: none;
}

#wpdcom .wmu-preview {
    margin: 0 3px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #000;
}

#wpdcom .wmu-add .fa-image:before {
    content: '';
    background-image: url(/media/tanazul-profile.svg);
    background-size: cover;
    background-color: #fff;
    border: 1px solid #afafaf;
    border-radius: 100px;
    content: '';
    width: 20px;
    height: 20px;
    padding: 5px;
    top: 5px;
    position: absolute;
    display: inline-block;
    margin: 0;
    left: auto;
    right: auto;
}

/*************************************************/

/************* Hide/Unhide Image to Comment (JS) *************/
.wpd-editor-buttons-right {
    display: none !important;
}

.wpd-editor-buttons-right.ximageon {
    display: block !important;
}

/************* Add Image to Comment *************/
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-editor-buttons-right span {
    margin: 0;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-editor-buttons-right {
    position: relative;
    display: block;
    float: none;
    margin: 15px auto;
    width: 200px;
    height: 50px;
    background: #eaeaea;
    border-radius: 5px;
    border: 1px solid #afafaf;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap i {
    color: #888;
    font-size: 40px;
}

#wpdcom .wmu-add {
    cursor: pointer;
    color: #aaaaaa;
    display: inline-flex;
    width: 200px;
    padding: 22px 80px;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::before,
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::after {
    display: none;
}

#wpdcom .wmu-tabs .wmu-preview-remove img {
    max-height: 100px;
}

/********************************/


/****** JS Mobile Invalid */
.tnzxinvalid,
.tnzxinvalid a {
    color: red !important;
}

/****** JS Mobile .tnzmobile *
.tnzmobile a {color: #505050;font-weight: 600;}
/****** Filter function ****
.tnzxfiltered {display: none;}
/****/


/******* Mobile in English */
html[lang=en-US] .tnzmobile a,
html[lang=en-SA] .tnzmobile a {
    direction: rtl !important;
    unicode-bidi: embed !important;
}


/****/
#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg,
#wpd-post-rating .wpd-rating-wrap .wpd-rate-starts svg {
    margin: 0;
}


/* Was "Divi Zoom Effect" (.tn_zoominx/.tn_zoomin image hover-scale) -
   confirmed zero matches anywhere in current live content or templates;
   everything below this point through the next section was already dead
   (inside an unclosed comment), unrelated to this removal. */


/*********** Sharing buttons on bottom *************/
.wpd-comment-right {
    position: relative;
}

.wpd-comment-right .wpd-comment-share {
    position: absolute;
    bottom: 0px;
}

/*********** Hide Reply Button *************/
.wpd-reply-button {
    display: none;
}

.wpd-toggle.wpd-hidden.wpd_not_clicked {
    display: none;
}


/************* CSS of each nationality *****************
 * Was 50 separate rules (one per country, ~230 bytes each - all byte-
 * identical apart from the image URL), each a distinct HTTP request for
 * its own /media/{country}.svg the moment that nationality showed up in
 * the feed. Replaced with one shared rule against a single combined
 * sprite (/media/flags-sprite.svg, built from the same 49 flags -
 * scratchpad/build_flag_sprite.py) fetched once and cached for the rest
 * of the session/site: applyNationalityFlags() (tanazul-app.js) now sets
 * a shared class plus a per-flag --tnz-flag-x offset instead of one of 49
 * distinct classes. Visual result is unchanged - same 18px circular
 * cropped icon, same grayscale/opacity treatment. */
.tnz-flag.wpd-cf-value:after {
    position: absolute;
    display: inline-block;
    margin: 0px 10px;
    width: 18px;
    height: 18px;
    content: '';
    filter: grayscale(.3) opacity(0.7);
    background-repeat: no-repeat;
    border-radius: 100%;
    background-image: url(/media/flags-sprite.svg);
    background-size: 1499.4px 18px;
    background-position: var(--tnz-flag-x, 0) 0;
}

/********************************/


/*********** Images List ***************/


/******************************/


/* Was "Video Button Popup" (.youtubebox/.musanedbox modal boxes,
   button.youtubebutton/.musanedbutton) - an old Divi-era implementation,
   confirmed zero references anywhere in current live content or
   templates. Superseded by a real, still-active feature: [tanazul_video_button]
   (tanazul-rules/includes/promo.php) renders a modern .tnz-modtoggle
   button (styled in tanazul-frame.css) when enabled - it's just currently
   turned off in the admin settings (real YouTube URLs are already
   configured, so this is a live toggle, not dead code - initial claim
   here that the shortcode "isn't registered" was wrong; corrected after
   actually reading promo.php). */


/*** Prevent Viewport user-scalable=1 */
input,
select,
textarea {
    font-size: 16px !important;
}

/*** Fix Footer z-index ? *
.et_builder_inner_content,
.et-l.et-l--footer .et_builder_inner_content {
z-index: 0 !important;
position: relative !important;}
/* Was "Fix Footer z-index & Add 0 to Section" (.et-l.et-l--footer
   .et_builder_inner_content) - Divi Theme Builder classes, confirmed zero
   matches anywhere current. */


/* Was "Comments Disabled" (#comments.page_title, .comment_avatar,
   .comment-reply-link.et_pb_button - all three confirmed zero matches
   anywhere current, not just the Divi-dependent one). */


/***** No Comments / Only Rating *****/
#no_comment .wpd-form-wrap,
#no_comment .wpd-form-head,
#no_comment .wpd-thread-head,
#no_comment .wpd-thread-list {
    display: none !important;
}


@media (max-width: 980px) {
    .wpd-bottom-custom-fields {
        display: block !important;
    }
}

/***** Comment Label Value 4 Inline Flex *****/
@media (min-width: 981px) {
    .wpd-bottom-custom-fields {
        display: inline-flex;
        width: 100%;
    }

    .wpd-cf-label {
        width: 35% !important;
    }
}


/***** Labels LTR */
html[lang=en-US] .wpd-cf-label,
html[lang=en-SA] .wpd-cf-label {
    border-right: 0 !important;
}

/***** Labels & Values */
.wpd-cf-label,
.wpd-cf-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap;
    overflow: hidden;
}

.wpd-cf-label {
    max-width: 25vw !important;
    vertical-align: middle;
    background: #808080 !important;
    border: 1px #afafaf solid !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.wpd-cf-value {
    vertical-align: middle;
    background: #eaeaea !important;
    border: 1px #afafaf solid !important;
    border-left: 0 !important;
}

.wpd-cf-value.tnzmobile a {
    background: #eaeaea;
    border-radius: 2px;
    padding: 8px;
    position: relative;
    top: 1px;
    text-decoration: none;
    color: #505050;
}

.wpd-cf-value.tnzmobile a:hover {
    background: #d4d4d4;
}

#wpdcom {
    padding: 0;
    margin: 0;
}


label.wpd-field-label.wpd-cursor-pointer {
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap;
    overflow: hidden;
}

/***** Paddings and Margins ! */
#wpdcom,
#wpdcom .wpd-thread-list {
    padding-bottom: 0;
    margin-bottom: 0;
}

#wpdcom .wpd-comment .wpd-comment-wrap {
    padding-bottom: 0px;
}

.wpd-reply-to,
.wpd-reply {
    display: none;
}

/***** Hover For Comments */
.wpd-comment:hover {
    border: 1px solid #808080 !important;
    background: #eaeaea;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease, border-color 0.2s ease, background-color 0.1s ease;
}

/***** Margins For Comments Full Width */
#wpdcom .wpd-comment {
    padding: 0 !important;
}

#wpdcom .wpd-comment-header {
    padding: 10px !important;
}

#wpdcom .wpd-bottom-custom-fields {
    margin: 0 !important;
}

#wpdcom .wpd-comment-text * {
    line-height: 1.4;
}

#wpdcom .wpd-comment-text p {
    padding: 0 10px;
    margin: 0;
}

#wpdcom .wpd-comment-footer {
    position: absolute;
    padding: 0;
    left: 0;
}


#wpdcom .wpd-form-row .wpd-has-icon .wpd-field {
    padding-right: 40px;
}

#wpdcom .wpd-comment .wpd-comment-right {
    width: 100%;
    padding-bottom: 22px !important;
}

#wpdcom .wpd-field-captcha {
    text-align: center !important;
}

#wpdcom .wpd-second-button,
#wpdcom .wpd-prim-button {
    font-family: 'NeoSansArabic', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    line-height: 1;
    padding: 10px 40px;
    border-radius: 5px;
}

#wpdcom .wc-field-submit input[type="submit"] {
    margin: 0;
    width: 250px;
    height: 45px;
}

#wpdcom .wc-field-submit {
    padding-top: 5px !important;
    text-align: center;
    justify-content: center;
}

#wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-icon {
    top: 30%;
    text-align: center;
    text-align: -webkit-center;
}


#wpdcom .wpd-blog-guest .wpd-comment-author,
#wpdcom .wpd-blog-guest .wpd-comment-author a {
    color: #808080;
    letter-spacing: 0px;
}

#wpdcom .wpd-comment .wpd-comment-header .wpd-user-info {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    flex-grow: 0 !important;
    margin-bottom: 0 !important;
    float: left;
    margin-right: 5px !important;
    flex-wrap: wrap !important;
    margin-top: 5px !important;
}

.rtl #wpdcom .wpd-item {
    text-align: right;
}

#wpdcom .wpd-field-radio .wpd-item,
#wpdcom .wpd-field-checkbox .wpd-item {
    display: inline-flex;
    padding: 1px;
    margin: 1px;
    min-width: 60px;
    width: 16%;
}

#wpdcom .wpd-item:hover {
    background: #808080;
    border-radius: 5px;
}

.wpd-field:checked+.wpd-field-label {
    color: #fefefe;
}

/************
.wpd-field:checked + .wpd-field-label::after {content: '•';margin-right: 5px;}
/***** Comment Label & Value */
@media (max-width: 768px) {
    .wpd-cf-label {
        width: 30% !important;
    }

    .wpd-cf-value {
        width: 70% !important;
    }
}

.wpd-cf-label {
    background: #C96739;
    color: #ffffff;
    font-size: 14px;
    width: 25%;
    border-bottom: 1px #f7fafc solid;
}

.wpd-cf-value {
    color: #505050;
    font-size: 14px;
    width: 75%;
    border-bottom: 1px #f7fafc solid;
    opacity: 1;
}

#wpdcom .wpd-field-group-title {
    font-size: 14px !important;
}

#wpdcom .wpd-field-radio .wpd-field-label,
#wpdcom .wpd-field-checkbox .wpd-field-label {
    display: inline-block;
    width: 100%;
    height: 18px;
    font-size: 14px;
}

/***** Comment Footer */
#wpdcom .wpd-comment-text {
    color: #505050;
    padding-top: 5px;
    margin: 0;
}

#wpdcom .wpd-comment-footer .wpd-vote-up,
#wpdcom .wpd-comment-footer .wpd-vote-down {
    width: 22px;
    height: 22px;
    bottom: 4px;
}

#wpdcom .wpd-comment-footer .wpd-reply-button {
    position: relative;
    bottom: 2px;
}

#wpdcom .wpd-comment-footer .wpd-vote-up svg:hover,
#wpdcom .wpd-comment-footer .wpd-vote-down svg:hover {
    fill: #919a9e;
}

#wpdcom .wpd-comment-footer .wpd-vote-up svg,
#wpdcom .wpd-comment-footer .wpd-vote-down svg,
#wpdcom .wpd-comment-footer .wpd-reply-button svg {
    fill: #afafaf;
}

#wpdcom .wpd-comment-header,
#wpdcom .wpd-comment-footer .wpd-vote-result,
#wpdcom .wpd-comment-footer .wpd-reply-button {
    color: #afafaf;
}

/*
#wpdcom .wpd-comment-date {color: #919a9e;}

/***** wpDiscuz Styles */
.comments-area {
    width: auto;
}

/* #comments' own max-width:1280px + margin:0px, and #wpdcom's identical
   max-width:1280px right after it, all removed here - lines 35-36's
   "#comments, #wpdcom { max-width: none !important; margin: 0 auto
   !important }" permanently beat every one of them (an !important always
   wins over a later non-important declaration on the same selector,
   regardless of source order) - none of these three ever actually
   applied, including margin:0px, whose effective margin is really
   "0 auto" (centered), not 0 on every side. */
.wpd-rating-right {
    display: none;
}

.wpd-rating-left {
    display: none;
}

#wpd-post-rating .wpd-rating-wrap {
    z-index: 1;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
    display: none;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
    border: none;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value span {
    color: #ecf0f5;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover {
    background: #ddd;
}

#wpd-post-rating {
    margin-top: 0px;
    margin-bottom: -30px;
}

#wpdcom .wpd-thread-head,
#wpdcom .wpd-form-head {
    border-bottom: 1px solid #ecf0f5;
}

.wpd-rating-value,
.wpd-editor-char-counter,
.wpd-thread-info {
    display: none;
}

#wpdcom #wpd-threads {
    margin: 0;
}

#wpdcom .wpd-thread-list {
    padding-top: 20px;
}


/*** Comments button on mobile */
#wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button,
#wpdcom .wc-field-submit input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

#wpdcom .wpd-second-button,
#wpdcom .wpd-prim-button,
div#wpdcom {
    font-family: inherit !important;
}

[dir="rtl"] div#wpdiscuz-recaptcha-0_0 {
    transform-origin: 0 !important;
}

/*** wpDiscuz Rating Direction */
.rtl #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars,
.rtl #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts {
    flex-direction: row-reverse !important;
}

/*** Pointer Events Rate Only 5 Star Rating */
.wpd-rate-starts svg:nth-child(1),
.wpd-rate-starts svg:nth-child(2),
.wpd-rate-starts svg:nth-child(3),
.wpd-rate-starts svg:nth-child(4) {
    pointer-events: none;
}

/***
@media only screen and (max-width: 479px) {
.wpd-rate-starts svg:nth-child(1), .wpd-rate-starts svg:nth-child(2), .wpd-rate-starts svg:nth-child(3), .wpd-rate-starts svg:nth-child(4) {pointer-events: none;}}


/**** New Live Unapproved comment ****
.wpd-unapproved-comment, .wpd-unapproved-comment:hover,
.wpd-comment, .wpd-comment:hover
{border: 2px solid #c96739 !important;}
.wpd-comment .wpd-custom-field.wpd-cf-text:nth-child(1),
.wpd-comment .wpd-custom-field.wpd-cf-text:nth-child(6),
.wpd-comment .wpd-custom-field.wpd-cf-text:nth-child(7),
.wpd-comment .wpd-custom-field.wpd-cf-text:nth-child(8),
.wpd-comment .wpd-custom-field.wpd-cf-text:nth-child(9),
.wpd-comment .wpd-custom-field.wpd-cf-text:nth-child(10) 
{display: none !important;}
.wpd-unapproved-comment .wpd-custom-field.wpd-cf-text.tnzwhatsapp,
.wpd-unapproved-comment .wpd-custom-field.wpd-cf-text.tnzcost,
.wpd-unapproved-comment .wpd-custom-field.wpd-cf-text.tnzsalary,
.wpd-unapproved-comment .wpd-custom-field.wpd-cf-text.tnztime,
.wpd-unapproved-comment .wpd-custom-field.wpd-cf-text.tnzage,
.wpd-unapproved-comment .wpd-comment-date
{display: none !important;}
/*** Comment Status */
.wpd-unapproved {
    color: #c96739 !important;
}

.wpd-comment-status {
    padding: 0 10px !important;
    border: 2px solid #c96739;
    border-radius: 5px;
}

/*** Comments Text Area */
textarea#wc-textarea-edit_2_0 {
    width: 100% !important;
    height: 80px !important;
}

table.form-table.editcomment.wpd-form-row {
    text-align: start !important;
}

.wpd-form-row td.first {
    width: 20% !important;
}

#wpdcom .wpd-up {
    color: #808080 !important;
}

#wpdcom .wpd-vote-result {
    user-select: none;
}

/*** Text Area Placeholder */
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt {
    display: block;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap {
    padding: 10px 0 0 !important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea {
    height: 40px !important;
    min-height: 7em !important;
    border: 1px solid #afafaf;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:hover {
    background-color: #eaeaea;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:focus {
    border: 2px solid #292929;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::placeholder {
    text-align: center;
    padding-top: 30px;
    font-size: 150% !important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:focus::placeholder {
    visibility: hidden;
    color: transparent;
}

/*******/


/*******
#wpdiscuz-loading-bar {display: block!important;}
/******* Comment Loading Bar *******/
#wpdiscuz-loading-bar {
    width: 125px;
    height: 25px;
    border-radius: 40px;
    color: #c96739;
    background: #c96739;
    border: 3px solid;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

#wpdiscuz-loading-bar::before {
    content: "";
    position: absolute;
    margin: auto;
    width: 25px;
    height: 15px;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: #292929;
    animation: tnzloadbar 1s infinite linear;
    box-shadow: none;
    display: inline-block;
}

@keyframes tnzloadbar {
    50% {
        left: 100%;
        transform: translateX(calc(-100% - 4px))
    }
}

/***********/
.wpdiscuz-message-error {
    padding: 20px !important;
}

#wpdiscuz-comment-message {
    position: fixed;
    top: 30% !important;
    width: 80vw;
    max-width: 400px;
    box-sizing: border-box;
    z-index: 99;
    font-size: 16px;
    line-height: 20px;
    margin: auto;
    left: 0;
    right: 0;
}

#wpdiscuz-comment-message div {
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin: 5px;
}

textarea.wpd-field {
    width: 100% !important;
    min-height: 5em;
}

/*******/


/***** Tanazul Select ***/
#wpdcom .wpd-form-col-full .wpd-item-wrap {
    display: list-item;
    list-style: none;
}

/* .custom_field_64935b38735dc-wrapper .wpd-item-wrap {display: block !important;}
/************/


#wpdcom .wpdiscuz-item,
.wpd-form-row {
    user-select: none;
}

/************/
input#custom_field_60def7a5ab96d-0_0 {
    padding: 0 20px;
}

#wpdcom .wpdiscuz-item.wpd-field-radio,
#wpdcom .wpdiscuz-item.wpd-field-select,
#wpdcom .wpdiscuz-item.wpd-field-checkbox {
    padding: 5px;
    margin: 10px 0;
    background-color: #292929;
    color: #ffffff;
    border-radius: 5px;
}

#wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title {
    display: block;
    vertical-align: top;
    margin: 5px;
    border-bottom: 1px solid #ccc !important;
}

#wpdcom .wpdiscuz-item.wpd-field-radio input {
    cursor: pointer;
}

html[lang=en-US] #wpdcom .wpd-field-desc,
html[lang=en-SA] #wpdcom .wpd-field-desc {
    right: 25px !important;
    left: auto !important;
    padding: 0 !important;
    border: none !important;
}

html[lang=en-US] #wpdcom .wpd-field-desc span,
html[lang=en-SA] #wpdcom .wpd-field-desc span {
    left: auto !important;
    right: 120px !important;
}

html[lang=ar] #wpdcom .wpd-field-desc,
html[lang=ar-SA] #wpdcom .wpd-field-desc {
    border: none !important;
    top: 12px !important;
    color: #505050 !important;
    border-right: none !important;
    right: auto !important;
    left: -5px !important;
}

#wpdcom i.far.fa-question-circle {
    transform: translateX(15px);
}

#wpdcom div.wpd-field-desc span:after {
    display: none;
}

html[lang=ar] #wpdcom div.wpd-field-desc span,
html[lang=ar-SA] #wpdcom div.wpd-field-desc span {
    left: 40px !important;
    right: auto !important;
    top: -18px;
    height: 50px;
}

/************/
#wpdcom .wpd-comment {
    margin-bottom: 20px;
    border: 1px solid #afafaf;
    padding: 15px;
    border-radius: 10px;
}

#wpdcom .wpdiscuz-item.wpd-field-select.wpd-has-desc select.wpdiscuz_select,
#wpdcom .wpdiscuz-item.wpd-field-select select.wpdiscuz_select {
    height: 45px !important;
    width: 99% !important;
    max-width: 100% !important;
}

/************/
.wc_name-wrapper,
.wc_mobile-wrapper,
.wc_whatsapp-wrapper,
.wc_salary-wrapper,
.wc_time-wrapper,
.wc_cost-wrapper,
.wc_age-wrapper {
    margin-top: 10px !important;
    padding: 0 !important;
}

#wpdcom input.wc_name,
#wpdcom input.wc_mobile {
    border: 3px solid #292929 !important;
}

#wpdcom input.wc_whatsapp,
#wpdcom input.wc_email {
    border: 3px solid #afafaf !important;
}

#wpdcom input.wc_cost,
#wpdcom input.wc_salary,
#wpdcom input.wc_time,
#wpdcom input.wc_age {
    border: 1px dashed #afafaf !important;
}

#wpdcom input.wc_cost::placeholder,
#wpdcom input.wc_salary::placeholder,
#wpdcom input.wc_time::placeholder,
#wpdcom input.wc_age::placeholder {
    color: #afafaf;
}

#wpdcom input.wpd-field:focus::placeholder,
#wpdcom input.wc_cost:focus::placeholder,
#wpdcom input.wc_salary:focus::placeholder,
#wpdcom input.wc_time:focus::placeholder,
#wpdcom input.wc_age:focus::placeholder {
    color: transparent;
}

/** Disable Email **/
.wpdiscuz-item.wc_email-wrapper.wpd-has-icon {
    display: none;
}

/******/
#wpdcom .wpd-auth,
#wpdcom .wpd-sbs-toggle,
#wpdcom .wpdiscuz-subscribe-bar {
    display: none !important;
}

/************/
#wpdcom input#custom_field_6470e3804a3eb-0_0,
#wpdcom input#custom_field_6496861689517-0_0,
#wpdcom input#custom_field_6470e38f937b2-0_0,
#wpdcom input#custom_field_6470d09ab2ef3-0_0,
#wpdcom input#custom_field_6470df2ee6fc7-0_0,
#wpdcom input#custom_field_64932e7c76b6f-0_0,
#wpdcom input#custom_field_64932ec2687bf-0_0,
#wpdcom input#custom_field_64932efa2b089-0_0,
#wpdcom input#custom_field_64932f21eeb98-0_0 {
    border: 1px dashed #afafaf !important;
}

@media screen and (max-width: 600px) {

    #wpdcom .wpd-field-radio .wpd-item,
    #wpdcom .wpd-field-checkbox .wpd-item {
        display: inline-flex;
        min-width: 31%;
        padding: 0;
        overflow: hidden;
    }

    #wpdcom .wpdiscuz-item label.wpd-field-label {
        font-size: 12px;
    }
}

/************/
.wc_time-wrapper:after {
    content: "< 24 شهر";
    position: absolute;
    top: 10px;
    color: #afafaf;
    left: 35px;
    font-size: 14px;
}

.wc_salary-wrapper:after {
    content: "< 2400 ريال";
    position: absolute;
    top: 10px;
    color: #afafaf;
    left: 35px;
    font-size: 14px;
}

.wc_cost-wrapper:after {
    content: "< 24000 ريال";
    position: absolute;
    top: 10px;
    color: #afafaf;
    left: 35px;
    font-size: 14px;
}

.wc_age-wrapper:after {
    content: "< 64 سنة";
    position: absolute;
    top: 10px;
    color: #afafaf;
    left: 35px;
    font-size: 14px;
}

/************/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


/************/
html[lang=en-US] #wpdcom .wpd-comment-footer .wpd-vote,
html[lang=en-SA] #wpdcom .wpd-comment-footer .wpd-vote,
html[lang=ar-SA] #wpdcom .wpd-comment-footer .wpd-vote,
html[lang=ar] #wpdcom .wpd-comment-footer .wpd-vote {
    padding: 0 !important;
}

/************/


/***** Comments Social Sharing Buttons CSS ***/
#wpdcom .wpd-comment-header:hover .wpd-comment-share,
#wpdcom .wpd-comment-header .wpd-comment-share {
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute;
    left: 0;
    padding: 0;
}

/**/
html[lang=en-US] #wpdcom .wpd-comment-header:hover .wpd-comment-share,
html[lang=en-US] #wpdcom .wpd-comment-header .wpd-comment-share,
html[lang=en-SA] #wpdcom .wpd-comment-header:hover .wpd-comment-share,
html[lang=en-SA] #wpdcom .wpd-comment-header .wpd-comment-share {
    left: auto;
    right: 0px !important;
}

#wpdcom .wpd-tooltip .wpd-tooltip-content {
    display: contents !important;
}

#wpdcom .wpd-tooltip .wpd-tooltip-content a {
    display: inline-block;
    transform: translateY(15px);
}

#wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i {
    font-size: 18px;
    padding: 0;
    color: #afafaf;
    width: 48px;
    height: 48px;
    margin: 0px -5px;
}

#wpdcom .wpd-comment-header i {
    line-height: 2 !important;
}

.wpd-tooltip .fa-twitter:hover,
.wpd-tooltip .fa-facebook:hover,
.wpd-tooltip .fa-whatsapp:hover {
    color: #808080 !important;
}

.wpd-tooltip-content::after,
.fa-share-alt:before,
.fa-share-alt {
    display: none !important;
}

/******
.wpd-tooltip .fa-twitter, .wpd-tooltip .fa-facebook

/***** Mobile *****
@media (max-width: 600px) {
#wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i 
{font-size: 12px!important;}
#wpdcom .wpd-comment-header:hover .wpd-comment-share, 
#wpdcom .wpd-comment-header .wpd-comment-share 
{position: initial !important;padding: 5px 10px;}}


/***** Vote Up tooltip */
#wpdcom .wpd-comment-footer .wpd-vote-up {
    position: relative;
}

.wpd-vote-up::before {
    display: none;
    content: attr(data-tooltip);
    visibility: hidden;
    position: absolute;
    z-index: 10;
    bottom: 25px;
    width: 80px;
    border-radius: 5px;
    background: #555555;
    text-align: center;
    color: #fff;
    padding: 8px 10px;
    font-size: 11px;
    right: -40px;
}

.wpd-vote-up:hover:before {
    visibility: visible;
    content: "Vote Up";
}

.wpd-vote-down:hover:before {
    visibility: visible;
    content: "Vote Down";
}

/***** Vote Down tooltip */
#wpdcom .wpd-comment-footer .wpd-vote-down {
    position: relative;
}

.wpd-vote-down::before {
    content: attr(data-tooltip);
    visibility: hidden;
    position: absolute;
    z-index: 10;
    bottom: 25px;
    width: 80px;
    border-radius: 5px;
    background: #555555;
    text-align: center;
    color: #fff;
    padding: 8px 10px;
    font-size: 11px;
    right: -40px;
}

/************/


/*******
.tnzfeedback textarea.et_pb_contact_message::placeholder {text-align: center;}

/*** Contact Form Hide after Sent ?? *
.tn-contact-form.sent p {display:none;}

/*** Contact Form */
/* Was CSS for the two Divi-built contact forms (.tn-contact-form,
   .et_contact_bottom_container, .et_pb_contact_field_options_list,
   .et-pb-contact-message) - already documented in CLAUDE.md's Outstanding
   as lost during the Divi removal (no HTML survived, since they were
   built with Divi's form module; field specs are kept as a backup
   reference only). Confirmed zero matches anywhere current, consistent
   with that. */


/*** Contact Form reCAPTCHA */
.grecaptcha-badge {
    display: none !important;
    visibility: hidden !important;
}

/*****
.page-id-2 .grecaptcha-badge,
.page-id-246857 .grecaptcha-badge {
display: none!important;
visibility: hidden!important;}
/*****/


/************/
#landing-popup p {
    padding: 0;
}

#landing-popup img.landing-image {
    object-fit: cover;
    max-width: 100%;
    width: fit-content;
    height: fit-content;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

/************/


/************/


/************/


/* Was "Fix ALL Divi Columns Margin(2) .ak_columns_rtl" - .ak_columns_rtl
   and .et_pb_column are both Divi-era classes; verified against every
   currently-published page/post and every theme template (only matches
   left anywhere are old revisions, trashed customizer changesets, and
   dead Divi Theme Builder posts, none of them part of the active
   rendering path) - live CSS matching nothing real. Removed. */

/* Divi Fix RTL Toggles *
.rtl .et_pb_accordion .et_pb_toggle_title:before, 
.rtl .et_pb_toggle .et_pb_toggle_title:before,
.rtl .et_pb_toggle_open .et_pb_toggle_title:before 
{left: -12px;right: auto;}
.rtl .et_pb_toggle .et_pb_toggle_title 
{padding: 0!important;}
.rtl .et_pb_contact_field[data-type=select]:after 
{right: auto;left: 4vw;}

/* Was "Divi Fix RTL Table" (.rtl tr td) - no published page or listing
   currently contains a <table> at all, so this matched nothing regardless
   of the Divi-era comment label. */


/* Was "Fix Columns on Tablet/Mobile" (.ak_column .et_pb_column) and "Fix
   Divi buttons font/hover" (.et_pb_button) - all Divi-era classes,
   confirmed zero matches anywhere current. */


/* Was "HTML WhatsApp PRG button" (form/input/button.ak-whatsapp) - a
   third near-duplicate of the a.tnz-whatsapp/a.tnz-action button already
   consolidated (tanazul-frame.css), confirmed zero matches anywhere
   current - and "HTML Old Comments button" (button.old_comments), also
   confirmed zero matches. */
/******/


/* Was "Footer About" (.aboutmenu .et_pb_toggle_title) and "AK Dropdown
   Footer" (.ak-dropdown-footer .et_pb_toggle_title) - Divi toggle-module
   classes, confirmed zero matches anywhere current. */


/* Was ~30 lines of Divi header/mobile-menu CSS (.et_pb_menu, .et-menu,
   .mobile_menu_bar, .mobile_nav, .et_mobile_menu, .et_mobile_nav_menu,
   .et_pb_menu__wrap, .ak-lang, .sub-menu, .nav li li) - the current header
   has no menu at all (just the wordmark and shortcode buttons; the only
   <nav> anywhere is the footer's own .tnz-lang language switcher, an
   unrelated class), and .ak-lang specifically was already documented as
   removed in an earlier Divi-selector cleanup pass, so this block was a
   straggler that survived it. Verified against every currently-published
   page/post and every theme template - only matches anywhere are old
   revisions, trashed customizer changesets, and dead Divi Theme Builder
   posts. .tn_dropmenu's own .mobile_menu_bar/.mobile_nav rules further
   down are a different, still-real selector and untouched here. */


/******
/media/tanazul-preloader.svg
/media/tanazul-preload.svg Keywords
/******************** Preloader ***********************/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eaeaea;
    z-index: 999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.preloader .status {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    background-image: url(/media/tanazul-preload.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

/*************/


/* Was "Tanazul FAQ Toggle" (.tn_toggle, Divi-toggle-dependent) and "Home
   Page Recruitment Processes" (.tanazul_steps/.tanazul_step) - all three
   confirmed zero matches anywhere current (not just their Divi-dependent
   parts): the homepage's "Recruitment Processes" steps section is gone,
   not merely restyled. */

/*** Filter Steps */
.tnzlss,
.tnzlmm {
    position: absolute;
    width: 200px;
    height: 100%;
    z-index: 9;
    left: 18%;
    top: 0;
}

.tnzlpp {
    filter: grayscale(1)opacity(0.5);
}

.tnzlss:hover~.tnzlpp {
    filter: none !important;
}

#tnzlinfo {
    visibility: hidden
}

#tnzlss:hover~#tnzlinfo {
    visibility: visible;
}

/*********/


/*** Slider Dots RTL */
html[lang=ar] .tn_slider .flickity-page-dots,
html[lang=ar-SA] .tn_slider .flickity-page-dots {
    transform: rotateY(180deg);
}


/*** Section Divider */
hr.tn_divider {
    width: 80%;
    height: 1px;
    border: 0;
    background: linear-gradient(to right, #eaeaea, #afafaf, #eaeaea);
}


/* Was "Icon: Dorp Down Toggle icon" (.tn_keywords), "Text: Dorp Down
   Toggle text" (.tn_ddropdown), and a second "Icon: Dorp Down Toggle
   icon" (.tn_dropdown) - three near-identical Divi-toggle-dependent
   dropdown/accordion variants, all confirmed zero matches anywhere
   current. The footer's actual SEO-keyword-links accordion today is
   .tnz-footer__keywords (tanazul-frame.css), a plain <details>/<summary>
   element with no Divi dependency - this superseded .tn_keywords rather
   than the two coexisting. */

/* Was "Menu: Dorp Down Toggle icon" (.tn_mdropdown) and "Menu: Always show
   mobile dropdown"/"Menu: Designs" (.tn_dropmenu, including its own
   .mobile_menu_bar/.mobile_nav rules - a different, more specific
   selector than the bare .mobile_menu_bar/.mobile_nav removed earlier,
   but confirmed equally dead) - all Divi menu/toggle-module classes,
   confirmed zero matches anywhere current. */


/****** Comment Fallback Design ********/
.commentlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.commentlist li {
    margin-bottom: 20px;
    border: 1px solid #afafaf;
    padding: 15px;
    border-radius: 10px;
}

.comment-body {
    position: relative;
    padding: 10px;
    margin: 0;
}

.comment_postinfo {
    display: inline-flex;
}

.fn {
    font-weight: bold;
}

span.comment_date {
    display: block;
    color: #aaa;
    font-size: 12px;
    padding: 0 20px;
}

.comment_area {
    flex-grow: 2;
}

.comment-content {
    margin-top: 8px;
}

.comment-content p {
    margin: 0;
    line-height: 1.5;
}

.reply-container,
.comment-reply-link,
.comment_avatar,
.comment_avatar img,
.comment-reply-title,
.comment-notes {
    display: none;
}

#commentform input[type=email],
#commentform input[type=text],
#commentform input[type=url],
#commentform textarea {
    width: 100%;
}

.form-submit {
    text-align: center;
}

#li-comment-1 {
    display: none;
}

/**************************************/


/************* Done Requested comments ****
#comment-884 .wpd-cf-value.tnzmobile:after, 
#comment-707 .wpd-cf-value.tnzmobile:after, 
#comment-698 .wpd-cf-value.tnzmobile:after, 
#comment-672 .wpd-cf-value.tnzmobile:after, 
#comment-667 .wpd-cf-value.tnzmobile:after, 
#comment-655 .wpd-cf-value.tnzmobile:after, 
#comment-604 .wpd-cf-value.tnzmobile:after, 
#comment-593 .wpd-cf-value.tnzmobile:after, 
#comment-575 .wpd-cf-value.tnzmobile:after, 
#comment-563 .wpd-cf-value.tnzmobile:after, 
#comment-526 .wpd-cf-value.tnzmobile:after {
content: "تم نقل الخدمات";background: #c96739;color: #fff;padding: 8px 20px;border-radius: 5px;}
#comment-884 .wpd-cf-value.tnzmobile a, #comment-884 .wpd-cf-value.tnzwhats a,
#comment-707 .wpd-cf-value.tnzmobile a, #comment-707 .wpd-cf-value.tnzwhats a,
#comment-698 .wpd-cf-value.tnzmobile a, #comment-698 .wpd-cf-value.tnzwhats a,
#comment-672 .wpd-cf-value.tnzmobile a, #comment-672 .wpd-cf-value.tnzwhats a,
#comment-667 .wpd-cf-value.tnzmobile a, #comment-667 .wpd-cf-value.tnzwhats a,
#comment-655 .wpd-cf-value.tnzmobile a, #comment-655 .wpd-cf-value.tnzwhats a,
#comment-604 .wpd-cf-value.tnzmobile a, #comment-604 .wpd-cf-value.tnzwhats a,
#comment-593 .wpd-cf-value.tnzmobile a, #comment-593 .wpd-cf-value.tnzwhats a,
#comment-575 .wpd-cf-value.tnzmobile a, #comment-575 .wpd-cf-value.tnzwhats a,
#comment-563 .wpd-cf-value.tnzmobile a, #comment-563 .wpd-cf-value.tnzwhats a,
#comment-526 .wpd-cf-value.tnzmobile a, #comment-526 .wpd-cf-value.tnzwhats a {
display: none!important;}
/* Legacy per-listing-ID "hide these specific old comments" block removed
 * here - hundreds of hardcoded #wpd-comm-N_0 selectors, obsolete now that
 * hideOldComments() in tanazul-app.js hides stale listings dynamically
 * (driven by the Tanazul Rules plugin's "old ad months" setting) instead
 * of a hand-maintained ID list. It was also broken: none of its section
 * headers (each one a literal comment-open with no comment-close on the
 * same line) actually closed properly, so the whole block - and
 * everything after it, the entire rest of this 3,756-line file - was one
 * giant dead CSS comment. That is almost certainly why cards stopped
 * rendering as intended: every rule after this point (whatever it was)
 * had been silently inert.
 *
 * (This note itself originally had the same bug, one level up: it quoted
 * the broken headers' literal open+close-comment characters in its own
 * prose, which closed *this* comment early and left everything from here
 * on as live, uncommented text sitting in the stylesheet - harmless,
 * since browsers just skip CSS tokens they can't parse, but exactly the
 * kind of self-defeating comment CLAUDE.md warns about. Rephrased so the
 * explanation can't do that to itself again.)
 *
 * .xold_comment is kept below as a live rule - tanazul-app.js's
 * hideOldComments() still applies that exact class today, and it was
 * trapped inside the dead comment along with everything else here. */
.xold_comment {
    display: none;
    opacity: 0.5;
}

div[id^='wpd-comm-10'][id$='_0'],

/* wpDiscuz photo lightbox (colorbox). These rules were removed by mistake on 2026-09-21 in the dead-CSS
   cleanup: colorbox is a minified script that builds its ids (#cboxOverlay, #cboxClose, ...) from string
   pieces at runtime, so a text search for the whole id finds nothing. Restored from git (413b5fe^). */
#cboxOverlay {
    background: #000;
}

#cboxLoadedContent {
    margin: 0;
}

#cboxClose {
    top: 0;
}

button#cboxNext,
button#cboxPrevious,
div#cboxCurrent,
div#cboxTitle {
    display: none !important;
    visibility: hidden !important;
}

a.wmu-attached-image-link.wmu-lightbox.cboxElement::after {
    position: absolute;
    display: inline-block;
    background-image: url(/media/tanazul-profile.svg);
    background-size: cover;
    background-color: transparent;
    border: 1px solid #afafaf;
    border-radius: 100px;
    content: '';
    width: 10px;
    height: 10px;
    padding: 5px;
    top: 0px;
    left: 0px;
    margin: 5px;
}