/*
Theme Name: Webmubarak
Description: Dynamic local business directory theme.
Version: 1.0.0
Text Domain: cdt-templates
*/

/* The design stylesheet (assets/css/style.css) and fonts are enqueued in inc/enqueue-styles-and-scripts.php. */

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* Back to top is an anchor (works without JS) */
#toTop{display:grid;place-items:center;text-decoration:none}

/* Footer newsletter: same look as the design .newsletter, without the demo JS hook */
.news-form{display:flex;background:var(--cyan-pale);border-radius:50px;padding:6px;margin-top:6px;position:relative}
.news-form input[type=email]{flex:1;background:transparent;border:0;outline:0;color:var(--navy);padding:0 16px;min-width:0;font-size:14px}
.news-form button{width:46px;height:46px;border-radius:50%;border:0;background:var(--navy);color:#fff;cursor:pointer;font-size:18px;transition:.3s}
.news-form button:hover{background:var(--cyan)}
.footer-logo img{max-height:70px;width:auto}

/* WordPress pagination */
.pagination{flex-wrap:wrap}
.pagination .page-numbers{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cyan-soft);font-weight:700;color:var(--navy);transition:.3s}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--navy);color:#fff}
.pagination .page-numbers.dots{background:transparent}

/* Listing cards: business-name initials when there is no image */
.listing-card .thumb .ph-initials{display:none}
.listing-card .thumb.is-empty{padding:0}
.listing-card .thumb.is-empty .ph-initials{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:#fff;color:var(--navy);font-family:var(--head);font-size:38px;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 30px -12px rgba(25,32,112,.35)}
.listing-card a.tag:hover{background:var(--navy);color:#fff}
.listing-card .meta>span{min-width:0}
.listing-card .meta .stars{margin-bottom:0}
.biz-logo .ph-initials{font-family:var(--head);font-size:48px;font-weight:700;color:var(--navy)}
.biz-logo.is-empty .ph-initials{display:block}
.biz-logo .ph-initials{display:none}
.listing-grid.cols-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:767px){.listing-grid.cols-2{grid-template-columns:1fr}}
.no-results a{color:var(--cyan)}

/* Taxonomy sidebar */
.sidebar-card{align-self:start}
.btn.btn-outline{background:transparent;border:2px solid var(--navy);color:var(--navy)}
.btn.btn-outline:hover{background:var(--navy);color:#fff}
.widget .search-pill input{border:0;outline:0;background:transparent;width:100%;padding:10px 0;color:var(--navy);min-width:0}

/* Listing page */
.feat-grid .feat .fi svg,.feat-grid .feat .fi img{width:22px;height:22px;object-fit:contain}
.ico{width:22px;height:22px;flex:none;display:inline-block;background-color:var(--cyan);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.kv b svg{width:20px;height:20px;color:var(--cyan);vertical-align:-4px;margin-right:6px}
.fact .fi{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--cyan-pale);color:var(--cyan);display:grid;place-items:center}
.fact .fi svg{width:22px;height:22px}
.biz-block .entry-content p:last-child{margin-bottom:0}
.biz-block .entry-content a{color:var(--cyan);text-decoration:underline}
.biz-block .entry-content img{max-width:100%;height:auto;border-radius:20px}
.biz-block .entry-content h2,.biz-block .entry-content h3{margin-top:24px}
.contact-list a{word-break:break-word}
.widget .form-control{border-radius:24px}
.widget textarea.form-control{min-height:120px}
.widget .form-grid{grid-template-columns:1fr}

/* Blog + pages */
.article.article--wide{max-width:none}
.entry-content img{max-width:100%;height:auto;border-radius:20px}
.entry-content a{color:var(--cyan);text-decoration:underline}
.entry-content ul{list-style:disc;padding-left:22px;margin-bottom:20px}
.entry-content ol{list-style:decimal;padding-left:22px;margin-bottom:20px}
.entry-content table{width:100%;border-collapse:collapse;margin-bottom:20px}
.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px}
.blog-faq{margin-top:40px}
.blog-faq h2{margin-bottom:18px}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;flex-wrap:wrap}

/* Comments */
.comments-area{margin-top:60px}
.comments-area .comment-list{margin:0 0 40px;padding:0;list-style:none}
.comments-area .comment-list .children{list-style:none;padding-left:30px}
.comments-area .comment-body{background:var(--cyan-pale);border-radius:24px;padding:24px 28px;margin-bottom:18px}
.comments-area .comment-meta{font-size:13px;color:var(--muted);margin-bottom:10px}
.comments-area .comment-author img{border-radius:50%;margin-right:10px;vertical-align:middle}
.comments-area .reply a{font-weight:700;color:var(--cyan);font-size:13px}
.comment-form p{margin-bottom:16px}
.comment-form label{display:block;font-weight:700;color:var(--navy);font-size:13px;margin:0 0 7px 6px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:15px 22px;border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--navy)}
.comment-form .submit{display:inline-flex;align-items:center;padding:16px 34px;border:0;border-radius:40px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}