/**
 * =========================================================
 * CafePSD 1403 Child
 * Color System
 * =========================================================
 *
 * Primary   : #16acb7
 * Secondary : #f8ae26
 *
 * This file is responsible ONLY for colors.
 * Layout / spacing / typography should remain untouched.
 * =========================================================
 */


/* =========================================================
   01. COLOR TOKENS
   ========================================================= */

:root {

    /* Primary */
    --cafepsd-primary: #16acb7;
    --cafepsd-primary-hover: #128c94;
    --cafepsd-primary-light: #e8f8fa;
    --cafepsd-primary-lighter: #f3fbfc;

    /* Secondary */
    --cafepsd-secondary: #f8ae26;
    --cafepsd-secondary-hover: #df9613;
    --cafepsd-secondary-light: #fff5df;
    --cafepsd-secondary-lighter: #fffaf0;

    /* Neutral */
    --cafepsd-text: #333333;
    --cafepsd-text-muted: #666666;
    --cafepsd-text-light: #888888;

    --cafepsd-border: #ebebeb;
    --cafepsd-border-dark: #dfe4e7;

    --cafepsd-bg: #ffffff;
    --cafepsd-bg-light: #fafafa;
    --cafepsd-bg-muted: #f5f5f5;
    --cafepsd-bg-hover: #eeffff;

    /* States */
    --cafepsd-success: #16acb7;
    --cafepsd-warning: #f8ae26;
    --cafepsd-danger: #d9534f;

    /* Compatibility with parent theme */
    --color-green: #16acb7;
    --color-green-hover: #128c94;
    --color-orange: #f8ae26;
    --color-amethystine: #16acb7;

    --color-border: #ebebeb;

    /* Rating */
    --star-background: #f8ae26;
    --star-color: #eeeeee;
}


/* =========================================================
   02. GLOBAL LINKS
   ========================================================= */

body a {
    color: var(--cafepsd-text);
}

body a:hover,
body li:hover>a,
body li.active>a {
    color: var(--cafepsd-primary);
}


/* =========================================================
   03. FORM FOCUS
   ========================================================= */

/* =========================================================
   04. HEADER
   ========================================================= */

/* Search */
#header .search-form button,
#header .search-form .search-submit {
    color: var(--cafepsd-primary);
}

#header .search-form button:hover,
#header .search-form .search-submit:hover {
    color: var(--cafepsd-primary-hover);
}


/* Account / User */
#header .account a:hover,
#header .user a:hover {
    color: var(--cafepsd-primary);
}


/* Cart */
#header .cart a:hover {
    color: var(--cafepsd-primary);
}

#header .cart .count,
#header .cart-count {
    background-color: var(--cafepsd-secondary);
    color: #fff;
}


/* =========================================================
   05. MAIN NAVIGATION
   ========================================================= */

/* Category title */
#main-nav .category-title {
    color: var(--cafepsd-primary);
}

#main-nav .category-title i {
    color: var(--cafepsd-primary);
}


/* Category menu */
#main-nav .menu-category .menu-item>a {
    color: var(--cafepsd-text);
}

#main-nav .menu-category .menu-item:hover>a,
#main-nav .menu-category .menu-item.active>a {
    color: var(--cafepsd-primary);
}


/* Active category background */
#main-nav .menu-category .menu-item.active {
    background-color: var(--cafepsd-primary-light);
}


/* Sub menu */
#main-nav .menu-category .sub-menu {
    background-color: var(--cafepsd-bg);
}

#main-nav .menu-category .sub-menu .menu-item>a:hover {
    color: var(--cafepsd-primary);
}


/* Top navigation */
#main-nav .nav-menu .menu-item>a:hover,
#main-nav .nav-menu .menu-item.active>a {
    color: var(--cafepsd-primary);
}


/* =========================================================
   06. BREADCRUMB
   ========================================================= */

.product-breadcrumb a {
    color: var(--cafepsd-text-muted);
}

.product-breadcrumb a:hover {
    color: var(--cafepsd-primary);
}

.product-breadcrumb i {
    color: var(--cafepsd-primary);
}


/* =========================================================
   07. PRODUCT ARCHIVE
   ========================================================= */

.product-cat-desc p {
    color: #a1a3a8;
}

.product-cat-desc h1 {
    color: #62666d;
}

.product-cat-desc h2,
.product-cat-desc h3 {
    color: #81858b;
}

.product-cat-desc a {
    color: var(--cafepsd-primary);
}

.product-cat-desc a:hover {
    color: var(--cafepsd-primary-hover);
}


/* =========================================================
   08. PRODUCT CARDS
   ========================================================= */

.products .product a:hover,
.products-grid .product-card a:hover {
    color: var(--cafepsd-primary);
}


/* Product title */
.product-card .product-title a:hover,
.products .woocommerce-loop-product__title:hover {
    color: var(--cafepsd-primary);
}


/* Product price */
.product-card .price,
.products .price,
.products .amount,
.woocommerce-Price-amount.amount {
    color: var(--cafepsd-primary);
}


/* Currency */
.woocommerce-Price-currencySymbol {
    color: inherit;
}


/* Product badges */
.product-card .onsale,
.products .onsale {
    background-color: var(--cafepsd-secondary);
    color: #fff;
}


/* =========================================================
   09. SINGLE PRODUCT - GALLERY
   ========================================================= */

.product-featured-image {
    border-color: transparent;
}

.gallery-item-icon.active {
    border-color: var(--cafepsd-primary);
}

.gallery-item-icon:hover {
    border-color: var(--cafepsd-primary);
}


/* =========================================================
   10. SINGLE PRODUCT - DESCRIPTION
   ========================================================= */

.product-title {
    color: var(--cafepsd-text);
}

.product-description h2,
.product-description h3 {
    color: var(--cafepsd-text);
}

.product-description a {
    color: var(--cafepsd-primary);
}

.product-description a:hover {
    color: var(--cafepsd-primary-hover);
}

.product-description strong {
    color: var(--cafepsd-text);
}

.product-description ul li::marker {
    color: var(--cafepsd-primary);
}

/* =========================================================
   11. SINGLE PRODUCT - PURCHASE BOX
   ========================================================= */

.desktop-product-purchase .amount,
.desktop-product-purchase .woocommerce-Price-amount {
    color: var(--cafepsd-primary);
}


/* Wishlist */
.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-button {
    color: var(--cafepsd-primary);
}

.add_to_wishlist,
.single_add_to_wishlist {
    color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
}

/* Add to cart */
.add-to-cart,
.product_type_simple {
    background-color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
    color: #fff;
}

.add-to-cart:hover,
.product_type_simple:hover {
    background-color: var(--cafepsd-primary-hover);
    border-color: var(--cafepsd-primary-hover);
    color: #fff;
}


/* Subscription */
.get_with_subscription {
    color: var(--cafepsd-secondary);
}

.get_with_subscription:hover {
    color: var(--cafepsd-secondary-hover);
}


/* Mobile purchase */
.mobile-product-purchase__price,
.mobile-product-purchase__price-main {
    color: var(--cafepsd-primary);
}

.mobile-product-purchase__subscription-number {
    color: var(--cafepsd-secondary);
}

.mobile-product-purchase__action {
    background-color: var(--cafepsd-primary);
    color: #fff;
}

.mobile-product-purchase__action:hover {
    background-color: var(--cafepsd-primary-hover);
}


/* =========================================================
   12. PRODUCT AUTHOR / SPECS
   ========================================================= */

.product-author h3 a {
    color: var(--cafepsd-primary);
}

.product-author h3 a:hover {
    color: var(--cafepsd-primary-hover);
}

.product-author h3 span {
    color: var(--cafepsd-secondary);
}


/* Specs icons */
.product-specs td i {
    color: var(--cafepsd-primary);
}

.product-specs a {
    color: var(--cafepsd-primary);
}

.product-specs a:hover {
    color: var(--cafepsd-primary-hover);
}


/* =========================================================
   13. RATING
   ========================================================= */

.rating-stars {
    --star-background: var(--cafepsd-secondary);
    --star-color: #eeeeee;
}

.rating-stars .active,
.rating-stars i.active {
    color: var(--cafepsd-secondary);
}


/* =========================================================
   14. PRODUCT REVIEWS
   ========================================================= */

.product-comments a {
    color: var(--cafepsd-primary);
}

.product-comments a:hover {
    color: var(--cafepsd-primary-hover);
}

.product-comments .comment-reply-title {
    color: var(--cafepsd-text);
}


/* Review stars */
.comment-form-rating .stars a {
    color: var(--star-color);
}

.comment-form-rating .stars a:hover,
.comment-form-rating .stars a:hover~a,
.comment-form-rating .stars a[aria-checked="true"] {
    color: var(--cafepsd-secondary);
}

/* Submit review */
.product-comments #submit,
.product-comments .submit {
    background-color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
    color: #fff;
}

.product-comments #submit:hover,
.product-comments .submit:hover {
    background-color: var(--cafepsd-primary-hover);
    border-color: var(--cafepsd-primary-hover);
}


/* =========================================================
   15. REQUIRED FIELDS
   ========================================================= */

.required {
    color: var(--cafepsd-secondary);
}


/* =========================================================
   16. PRODUCT FILTER SIDEBAR
   ========================================================= */

.cafepsd403-filter {
    border-color: var(--cafepsd-border);
    background-color: var(--cafepsd-bg);
}

.cafepsd403-filter-header {
    border-bottom-color: var(--cafepsd-border);
}

.cafepsd403-filter-header h3 {
    color: var(--cafepsd-text);
}

.cafepsd403-filter-header h3 i {
    color: var(--cafepsd-primary);
}


/* Close button */
.cafepsd403-filter-close {
    color: var(--cafepsd-text-muted);
}

.cafepsd403-filter-close:hover {
    color: var(--cafepsd-primary);
}


/* Filter titles */
.cafepsd403-filter-item h4 {
    color: var(--cafepsd-text);
}

.cafepsd403-filter-item h4 i {
    color: var(--cafepsd-primary);
}

/* =========================================================
   17. ARCHIVE SIDEBAR
   ========================================================= */
.archive-content .sub-categories a,
.archive-content .sub-categories a:hover {
    color: var(--cafepsd-text);
}
.archive-content .sub-categories a:hover {
    background: var(--cafepsd-bg-hover);
}

/* =========================================================
   17. ARCHIVE SIDEBAR
   ========================================================= */

.archive-sidebar-toggle-btn {
    background-color: var(--cafepsd-primary);
    color: #fff;
}

.archive-sidebar-toggle-btn:hover {
    background-color: var(--cafepsd-primary-hover);
}


/* =========================================================
   18. PAGINATION
   ========================================================= */

.pagination a,
.pagination .page-numbers a {
    color: var(--cafepsd-text);
}

.pagination a:hover,
.pagination .page-numbers a:hover {
    color: var(--cafepsd-primary);
    background-color: var(--cafepsd-primary-light);
}

.pagination .current,
.pagination .page-numbers.current {
    color: var(--cafepsd-primary);
    background-color: var(--cafepsd-primary-light);
}


/* =========================================================
   19. BLOG - SINGLE POST
   ========================================================= */

.blog-single-post__body {
    color: var(--cafepsd-text);
}


/* Links */
.blog-single-post__body a {
    color: var(--cafepsd-primary);
}

.blog-single-post__body a:hover {
    color: var(--cafepsd-primary-hover);
}


/* Headings */
.blog-single-post__body .wp-block-heading {
    color: var(--cafepsd-text);
}


/* Lists */
.blog-single-post__body .wp-block-list li::marker {
    color: var(--cafepsd-primary);
}


/* Tables */
.blog-single-post__body .wp-block-table th {
    background-color: var(--cafepsd-primary-light);
    color: var(--cafepsd-text);
}

.blog-single-post__body .wp-block-table td {
    border-color: var(--cafepsd-border);
}


/* =========================================================
   20. BLOG SINGLE POST FOOTER
   ========================================================= */

.blog-single-post__author-label {
    color: var(--cafepsd-text-muted);
}

.blog-single-post__author-info strong {
    color: var(--cafepsd-text);
}


/* Category */
.post-categories a {
    color: var(--cafepsd-primary);
}

.post-categories a:hover {
    color: var(--cafepsd-primary-hover);
}


/* Share */
.blog-single-post__social a {
    color: var(--cafepsd-primary);
}

.blog-single-post__social a:hover {
    color: #fff;
    background-color: var(--cafepsd-primary);
}


/* =========================================================
   21. BLOG COMMENTS
   ========================================================= */

.blog-comments__title {
    color: var(--cafepsd-text);
}

.blog-comments__form .comment-reply-title {
    color: var(--cafepsd-text);
}


/* Logged in */
.blog-comments .logged-in-as a {
    color: var(--cafepsd-primary);
}

.blog-comments .logged-in-as a:hover {
    color: var(--cafepsd-primary-hover);
}

/* Submit */
.blog-comments__submit {
    background-color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
    color: #fff;
}

.blog-comments__submit:hover {
    background-color: var(--cafepsd-primary-hover);
    border-color: var(--cafepsd-primary-hover);
}


/* =========================================================
   22. BLOG COMMENT ITEMS
   ========================================================= */

.blog-comment__article {
    border-color: var(--cafepsd-border);
    background-color: var(--cafepsd-bg);
}

.blog-comment__author-name {
    color: var(--cafepsd-text);
}

.blog-comment__date {
    color: var(--cafepsd-text-light);
}

.blog-comment__content {
    color: var(--cafepsd-text);
}


/* Reply */
.comment-reply-link {
    color: var(--cafepsd-primary);
}

.comment-reply-link:hover {
    color: var(--cafepsd-primary-hover);
}

.comment-reply-link i {
    color: inherit;
}


/* Nested comments */
.blog-comments .children {
    border-right-color: var(--cafepsd-primary-light);
}


/* =========================================================
   23. BLOG COMMENTS PAGINATION
   ========================================================= */

.blog-comments__pagination .page-numbers a {
    color: var(--cafepsd-text);
}

.blog-comments__pagination .page-numbers a:hover {
    color: var(--cafepsd-primary);
    background-color: var(--cafepsd-primary-light);
}

.blog-comments__pagination .page-numbers.current {
    color: #fff;
    background-color: var(--cafepsd-primary);
}


/* =========================================================
   24. FOOTER
   ========================================================= */

#footer {
    background-color: var(--cafepsd-bg-muted);
}

#footer .footer-item.logo p {
    color: var(--cafepsd-text-muted);
}


/* Footer headings */
#footer .footer-item.links h4 {
    color: var(--cafepsd-text);
}


/* Footer links */
#footer .footer-item.links a {
    color: var(--cafepsd-text-muted);
}

#footer .footer-item.links a:hover {
    color: var(--cafepsd-primary);
}


/* Footer bottom */
#footer .footer-bottom {
    border-top-color: var(--cafepsd-border);
}

#footer .copy-right {
    color: var(--cafepsd-text-muted);
}


/* =========================================================
   25. WOOCOMMERCE CART / CHECKOUT
   ========================================================= */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
    color: #fff;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--cafepsd-primary-hover);
    border-color: var(--cafepsd-primary-hover);
    color: #fff;
}


/* Cart back / secondary action */
.woocommerce .button.back,
.woocommerce .cart-back {
    color: var(--cafepsd-secondary);
    border-color: var(--cafepsd-secondary);
}

.woocommerce .button.back:hover,
.woocommerce .cart-back:hover {
    background-color: var(--cafepsd-secondary);
    color: #fff;
}


/* =========================================================
   26. ACCOUNT
   ========================================================= */

.account a {
    color: var(--cafepsd-text);
}

.account a:hover {
    color: var(--cafepsd-primary);
}


/* Active items */
.account .active,
.account .active a {
    color: var(--cafepsd-primary);
}


/* Subscription */
.account .subscription-active {
    color: var(--cafepsd-primary);
}

.account .subscription-inactive {
    color: var(--cafepsd-secondary);
}


/* Offer */
.account .offer h4,
.account .offer h5 {
    color: var(--cafepsd-secondary);
}


/* Account actions */
.account .info-header-action {
    color: var(--cafepsd-primary);
}


/* Logout */
.account .logout {
    color: var(--cafepsd-secondary);
}

.account .logout:hover {
    color: var(--cafepsd-secondary-hover);
}


/* =========================================================
   27. SIGN IN / AUTH
   ========================================================= */

.sign-in-page {
    background-color: var(--cafepsd-primary);
}

.sign-in-page .welcome,
.sign-in-page .welcome-box {
    background-color: var(--cafepsd-secondary);
}


/* =========================================================
   28. CONTACT FORM
   ========================================================= */
.contact-form input[type="submit"],
.contact-form button[type="submit"] {
    background-color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
    color: #fff;
}

.contact-form input[type="submit"]:hover,
.contact-form button[type="submit"]:hover {
    background-color: var(--cafepsd-primary-hover);
}


/* =========================================================
   29. TERMS / LIST ICONS
   ========================================================= */

.terms li::before,
.terms li i {
    color: var(--cafepsd-primary);
}


/* =========================================================
   30. PRODUCT SUBSCRIPTION / SPECIAL BOXES
   ========================================================= */

.get-subscription {
    color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
}

.get-subscription:hover {
    color: var(--cafepsd-primary-hover);
}

.get-subscription a {
    color: var(--cafepsd-text);
}

.get-subscription a:hover {
    color: var(--cafepsd-primary);
}

.get-subscription a::before {
    color: var(--cafepsd-primary);
}


/* =========================================================
   31. CHILD THEME - EXISTING CUSTOM OVERRIDES
   ========================================================= */

/* Product download box */
#main .product-item aside .get-subscription {
    color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
}

#main .product-item aside p {
    border-color: var(--cafepsd-primary);
}

#main .product-item aside .get-subscription a {
    color: var(--cafepsd-text);
}

#main .product-item aside .get-subscription a:hover {
    color: var(--cafepsd-primary);
}

#main .product-item aside .get-subscription a::before {
    color: var(--cafepsd-primary);
}


/* =========================================================
   32. SCROLL TO TOP
   ========================================================= */

button#scroll-to-top {
    background-color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
    color: #fff;
}

button#scroll-to-top:hover {
    background-color: var(--cafepsd-primary-hover);
    border-color: var(--cafepsd-primary-hover);
}


/* =========================================================
   33. FOCUS ACCESSIBILITY
   ========================================================= */

/* =========================================================
   HEADER - ACCOUNT & CART
   ========================================================= */

/* Account icon */
#header .account-menu>.icon {
    color: var(--cafepsd-primary);
}

#header .account-menu>.icon:hover {
    color: var(--cafepsd-primary-hover);
}


/* User menu */
#header .user-menu {
    background-color: var(--cafepsd-bg);
    border-color: var(--cafepsd-border);
}


/* User info */
#header .user-menu .user-info {
    color: var(--cafepsd-text);
}

#header .user-menu .user-info span {
    color: var(--cafepsd-text);
}


/* Subscription information */
#header .user-menu .subscription-info span {
    color: var(--cafepsd-secondary);
}


/* User menu links */
#header .user-menu .link a {
    color: var(--cafepsd-text);
}

#header .user-menu .link a:hover {
    color: var(--cafepsd-primary);
}


/* Logout */
#header .user-menu .link:last-child a {
    color: var(--cafepsd-danger);
}

#header .user-menu .link:last-child a:hover {
    color: #c9302c;
}


/* Cart */
#header .cart-icon {
    color: var(--cafepsd-primary);
}

#header .cart-icon:hover {
    color: var(--cafepsd-primary-hover);
}


/* Cart count */
#header .cart-icon-count {
    background-color: var(--cafepsd-secondary);
    color: #fff;
}

/* =========================================================
   WOOCOMMERCE - CHECKOUT
   ========================================================= */

/* Billing title */
.woocommerce-billing-fields h3 {
    color: var(--cafepsd-text);
}


/* Order review table */
.woocommerce-checkout-review-order-table {
    border-color: var(--cafepsd-border);
}

.woocommerce-checkout-review-order-table thead th {
    color: var(--cafepsd-text);
}

.woocommerce-checkout-review-order-table tbody td {
    color: var(--cafepsd-text);
}

.woocommerce-checkout-review-order-table .product-quantity {
    color: var(--cafepsd-text-muted);
}


/* Product price */
.woocommerce-checkout-review-order-table .woocommerce-Price-amount {
    color: var(--cafepsd-primary);
}


/* Order total */
.woocommerce-checkout-review-order-table .order-total th {
    color: var(--cafepsd-text);
}

.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
    color: var(--cafepsd-secondary);
}
.woocommerce table.shop_table tfoot td {
    border-top-color: #33333333;
}

/* Payment methods */
.woocommerce-checkout-payment {
    border-color: var(--cafepsd-border);
}

.woocommerce-checkout-payment .wc_payment_method>label {
    color: var(--cafepsd-text);
}

.woocommerce-checkout-payment .wc_payment_method>label:hover {
    color: var(--cafepsd-primary);
}


/* Selected payment method */
.woocommerce-checkout-payment .wc_payment_method input[type="radio"]:checked+label {
    color: var(--cafepsd-primary);
}


/* Payment description */
.woocommerce-checkout-payment .payment_box {
    background-color: var(--cafepsd-primary-lighter);
    color: var(--cafepsd-text-muted);
}

.woocommerce-checkout-payment .payment_box::before {
    border-bottom-color: var(--cafepsd-primary-lighter);
}


/* Billing labels */
.woocommerce-billing-fields label {
    color: var(--cafepsd-text);
}

.woocommerce-billing-fields label .required {
    color: var(--cafepsd-secondary);
}

.woocommerce-billing-fields label .optional {
    color: var(--cafepsd-text-light);
}


/* Billing inputs */
.woocommerce-billing-fields input.input-text {
    border-color: var(--cafepsd-border);
    background-color: var(--cafepsd-bg);
    color: var(--cafepsd-text);
}

/* Phone country code */
.woocommerce-billing-fields .countrycode {
    color: var(--cafepsd-text);
}


/* Place order */
#place_order {
    background-color: var(--cafepsd-primary);
    border-color: var(--cafepsd-primary);
    color: #fff;
}

#place_order:hover {
    background-color: var(--cafepsd-primary-hover);
    border-color: var(--cafepsd-primary-hover);
    color: #fff;
}
/**/
.woocommerce .product-remove a.remove {
    color: var(--cafepsd-secondary-hover) !important;
}
.woocommerce .product-remove a.remove:hover {
    background: var(--cafepsd-secondary-hover);
    color: var(--cafepsd-bg) !important;
}

.product-card-tools .add-to-cart,
.product-card-tools .add_to_cart_button,
.product-card-tools .product_type_simple,
.product-card-tools .add_to_wishlist,
.product-card-tools .single_add_to_wishlist {
    background-color: unset;
}