/* Theme Name: Meup Child Theme
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Description: This is child theme of meup
Author: Ovatheme
Author URI: https://themeforest.net/user/ovatheme
Template: meup
Version: 1.0.0
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain:  meup-child
*/

/* WLOOKUPS Blog and single-post brand layer — 2026-09-03 */
body.blog,
body.single-post {
  --wl-navy: #102033;
  --wl-ink: #161a1d;
  --wl-link: #3864f2;
  --wl-lime: #c8ff3d;
  --wl-lime-hover: #b7ea32;
  --wl-cloud: #f7f8f4;
  --wl-selected: #eef3ff;
  --wl-white: #ffffff;
  --wl-muted: rgba(22, 26, 29, 0.7);
  --wl-border: rgba(16, 32, 51, 0.16);

  background-color: var(--wl-cloud);
  color: var(--wl-ink);
}

/* Shared blog/sidebar surfaces */
body.blog .sidebar .content-sideber,
body.single-post .sidebar .content-sideber {
  background-color: var(--wl-white);
  border-color: var(--wl-border);
}

body.blog .sidebar .widget h2,
body.blog .sidebar .widget h4.widget-title,
body.single-post .sidebar .widget h2,
body.single-post .sidebar .widget h4.widget-title {
  color: var(--wl-navy);
  border-color: var(--wl-border);
}

body.blog .sidebar .widget a,
body.single-post .sidebar .widget a {
  color: var(--wl-muted);
}

body.blog .sidebar .widget a:hover,
body.single-post .sidebar .widget a:hover {
  color: var(--wl-link);
}

body.blog .sidebar .wp-block-search__input,
body.single-post .sidebar .wp-block-search__input {
  color: var(--wl-ink);
  background-color: var(--wl-white);
  border-color: var(--wl-border);
}

body.blog .sidebar .wp-block-search__input:focus,
body.single-post .sidebar .wp-block-search__input:focus {
  border-color: var(--wl-link);
  box-shadow: 0 0 0 3px rgba(56, 100, 242, 0.14);
}

body.blog .sidebar .wp-block-search__button,
body.single-post .sidebar .wp-block-search__button {
  color: var(--wl-navy) !important;
  background-color: var(--wl-lime) !important;
  border: 1px solid var(--wl-navy) !important;
}

body.blog .sidebar .wp-block-search__button:hover,
body.single-post .sidebar .wp-block-search__button:hover {
  color: var(--wl-navy) !important;
  background-color: var(--wl-lime-hover) !important;
}

body.blog .sidebar .widget.widget_archive li > a::before,
body.blog .sidebar .widget.widget_categories li > a::before,
body.single-post .sidebar .widget.widget_archive li > a::before,
body.single-post .sidebar .widget.widget_categories li > a::before {
  color: rgba(16, 32, 51, 0.35);
}

body.blog .sidebar .widget.widget_archive li > a:hover::before,
body.blog .sidebar .widget.widget_categories li > a:hover::before,
body.single-post .sidebar .widget.widget_archive li > a:hover::before,
body.single-post .sidebar .widget.widget_categories li > a:hover::before {
  color: var(--wl-link);
}

body.blog .sidebar .widget.widget_archive li > a .number,
body.blog .sidebar .widget.widget_categories li > a .number,
body.single-post .sidebar .widget.widget_archive li > a .number,
body.single-post .sidebar .widget.widget_categories li > a .number {
  color: var(--wl-navy);
  background-color: var(--wl-selected);
}

body.blog .sidebar .widget.widget_tag_cloud .tagcloud a,
body.single-post .sidebar .widget.widget_tag_cloud .tagcloud a {
  color: var(--wl-navy);
  background-color: var(--wl-white);
  border-color: var(--wl-border);
}

body.blog .sidebar .widget.widget_tag_cloud .tagcloud a:hover,
body.single-post .sidebar .widget.widget_tag_cloud .tagcloud a:hover {
  color: var(--wl-link);
  background-color: var(--wl-selected);
  border-color: rgba(56, 100, 242, 0.38);
}

/* Blog listing */
body.blog article.post-wrap .post-title h2.post-title,
body.blog article.post-wrap .post-title h2.post-title a {
  color: var(--wl-navy);
}

body.blog article.post-wrap .post-title h2.post-title a:hover {
  color: var(--wl-link);
}

body.blog article.post-wrap .post-meta .post-meta-content a,
body.blog article.post-wrap .post-meta .post-meta-content span {
  color: var(--wl-muted);
}

body.blog article.post-wrap .post-meta .post-meta-content a:hover {
  color: var(--wl-link);
}

body.blog article.post-wrap .post-meta .post-meta-content .general-meta i::before {
  color: var(--wl-link);
}

body.blog article.post-wrap .post-body .post-excerpt,
body.blog article.post-wrap .post-body .post-excerpt p {
  color: var(--wl-ink);
}

body.blog article.post-wrap .post-footer .post-readmore-meup a {
  color: var(--wl-navy);
  background-color: var(--wl-lime);
  border-color: var(--wl-navy);
}

body.blog article.post-wrap .post-footer .post-readmore-meup a:hover {
  color: var(--wl-navy);
  background-color: var(--wl-lime-hover);
  border-color: var(--wl-navy);
}

body.blog .pagination-wrapper .blog_pagination .pagination li a {
  color: var(--wl-navy);
  background-color: var(--wl-white);
  border-color: var(--wl-border);
}

body.blog .pagination-wrapper .blog_pagination .pagination li.active a,
body.blog .pagination-wrapper .blog_pagination .pagination li a:hover {
  color: var(--wl-navy);
  background-color: var(--wl-lime);
  border-color: var(--wl-navy);
}

/* Single article */
body.single-post article.post-wrap .post-title h1.post-title,
body.single-post article.post-wrap .post-body .post-excerpt h2,
body.single-post article.post-wrap .post-body .post-excerpt h3,
body.single-post article.post-wrap .post-body .post-excerpt h4 {
  color: var(--wl-navy);
}

body.single-post article.post-wrap .post-body .post-excerpt,
body.single-post article.post-wrap .post-body .post-excerpt p,
body.single-post article.post-wrap .post-body .post-excerpt li {
  color: var(--wl-ink);
}

body.single-post article.post-wrap .post-body .post-excerpt a {
  color: var(--wl-link);
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

body.single-post article.post-wrap .post-meta .post-meta-content a,
body.single-post article.post-wrap .post-meta .post-meta-content span {
  color: var(--wl-muted);
}

body.single-post article.post-wrap .post-meta .post-meta-content a:hover {
  color: var(--wl-link);
}

body.single-post article.post-wrap .post-meta .post-meta-content .general-meta i::before {
  color: var(--wl-link);
}

body.single-post article.post-wrap .post-tag-constrau,
body.single-post article.post-wrap .pagination-detail {
  border-color: var(--wl-border);
}

body.single-post article.post-wrap .post-tag-constrau .post-tags-constrau .ovatags,
body.single-post article.post-wrap .post-tag-constrau .socials-inner .share-social .text-social,
body.single-post article.post-wrap .pagination-detail .pre .num-2 span,
body.single-post article.post-wrap .pagination-detail .next .num-2 span {
  color: var(--wl-navy);
}

body.single-post article.post-wrap .post-tag-constrau .post-tags-constrau > a {
  color: var(--wl-navy);
  background-color: var(--wl-white);
  border-color: var(--wl-border);
}

body.single-post article.post-wrap .post-tag-constrau .post-tags-constrau > a:hover {
  color: var(--wl-link);
  background-color: var(--wl-selected);
  border-color: rgba(56, 100, 242, 0.38);
}

body.single-post article.post-wrap .post-tag-constrau .socials-inner .share-social > a {
  color: var(--wl-link);
  background-color: var(--wl-white);
  border-color: var(--wl-border);
}

body.single-post article.post-wrap .post-tag-constrau .socials-inner .share-social > a:hover {
  color: var(--wl-navy);
  background-color: var(--wl-lime);
  border-color: var(--wl-navy);
}

body.single-post article.post-wrap .post-tag-constrau .socials-inner .share-social > a i::before {
  color: currentColor;
}

body.single-post article.post-wrap .post-tag-constrau .socials-inner .share-social .share-social-icons {
  background-color: var(--wl-white);
  border: 1px solid var(--wl-border);
  box-shadow: 0 12px 30px rgba(16, 32, 51, 0.14);
}

body.single-post article.post-wrap .post-tag-constrau .socials-inner .share-social .share-social-icons li {
  border-color: var(--wl-border);
}

body.single-post article.post-wrap .post-tag-constrau .socials-inner .share-social .share-social-icons li a:hover {
  color: var(--wl-link);
  background-color: var(--wl-selected);
}

body.single-post article.post-wrap .pagination-detail .pre .num-1 a,
body.single-post article.post-wrap .pagination-detail .next .num-1 a {
  color: var(--wl-link);
  background-color: var(--wl-white);
  border-color: var(--wl-border);
}

body.single-post article.post-wrap .pagination-detail .pre .num-1 a i::before,
body.single-post article.post-wrap .pagination-detail .next .num-1 a i::before {
  color: var(--wl-link);
}

body.single-post article.post-wrap .pagination-detail .pre .num-1 a:hover,
body.single-post article.post-wrap .pagination-detail .next .num-1 a:hover {
  color: var(--wl-navy);
  background-color: var(--wl-lime);
  border-color: var(--wl-navy);
}

body.single-post article.post-wrap .pagination-detail .pre .num-1 a:hover i::before,
body.single-post article.post-wrap .pagination-detail .next .num-1 a:hover i::before {
  color: var(--wl-navy);
}

body.single-post article.post-wrap .pagination-detail .pre .num-2 a,
body.single-post article.post-wrap .pagination-detail .next .num-2 a {
  color: var(--wl-muted);
}

body.single-post article.post-wrap .pagination-detail .pre .num-2 a:hover,
body.single-post article.post-wrap .pagination-detail .next .num-2 a:hover {
  color: var(--wl-link);
}

/* Comment form */
body.single-post .content_comments .comments .wrap_comment_form,
body.single-post .content_comments .comments .comment-respond {
  background-color: var(--wl-white);
}

body.single-post .content_comments .comments .wrap_comment_form .comment-respond .title-comment,
body.single-post .content_comments .comments .comment-respond .title-comment {
  color: var(--wl-navy);
}

body.single-post .content_comments .comments .wrap_comment_form .comment-respond .title-comment::after {
  height: 3px;
  background-color: var(--wl-link);
}

body.single-post .content_comments .comments .comment-respond .comment-form .name i,
body.single-post .content_comments .comments .comment-respond .comment-form .email i,
body.single-post .content_comments .comments .wrap_comment_form .comment-respond .comment-form .name i,
body.single-post .content_comments .comments .wrap_comment_form .comment-respond .comment-form .email i {
  color: var(--wl-link);
}

body.single-post .content_comments .comments .comment-respond .comment-form input,
body.single-post .content_comments .comments .comment-respond .comment-form textarea,
body.single-post .content_comments .comments .wrap_comment_form .comment-respond .comment-form input,
body.single-post .content_comments .comments .wrap_comment_form .comment-respond .comment-form textarea {
  color: var(--wl-ink);
  background-color: var(--wl-cloud);
  border-color: var(--wl-border);
}

body.single-post .content_comments .comments .comment-respond .comment-form input:focus,
body.single-post .content_comments .comments .comment-respond .comment-form textarea:focus,
body.single-post .content_comments .comments .wrap_comment_form .comment-respond .comment-form input:focus,
body.single-post .content_comments .comments .wrap_comment_form .comment-respond .comment-form textarea:focus {
  border-color: var(--wl-link);
  box-shadow: 0 0 0 3px rgba(56, 100, 242, 0.14);
}

body.single-post .content_comments .comments .comment-respond .form-submit #submit,
body.single-post .content_comments .comments .wrap_comment_form .form-submit #submit {
  color: var(--wl-navy);
  background-color: var(--wl-lime);
  border: 2px solid var(--wl-navy) !important;
}

body.single-post .content_comments .comments .comment-respond .form-submit #submit:hover,
body.single-post .content_comments .comments .wrap_comment_form .form-submit #submit:hover {
  color: var(--wl-navy);
  background-color: var(--wl-lime-hover);
  border-color: var(--wl-navy) !important;
}

/* Keyboard focus follows the approved WLOOKUPS interaction token. */
body.blog a:focus-visible,
body.blog button:focus-visible,
body.single-post a:focus-visible,
body.single-post button:focus-visible,
body.single-post input:focus-visible,
body.single-post textarea:focus-visible {
  outline: 3px solid var(--wl-link) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px var(--wl-white) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.blog *,
  body.single-post * {
    transition-duration: 0.01ms !important;
  }
}