/*
Theme Name:          SoftMe
Text Domain:          softme
Version:              1.1.60
Tested up to:        7.0
Requires at least:    4.7
Requires PHP:        5.6
Author:              DesertThemes
Author URI:          https://desertthemes.com/
Theme URI:           https://desertthemes.com/themes/softme-free/
Description:         SoftMe is a lightweight, stunning, professional and flexible WordPress Theme.
Tags:                one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License:             GPLv3 or later
License URI:         https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
*/

/* ==========================================================================
   0. Global Color Variables (EDIT YOUR COLORS HERE)
   ========================================================================== */
:root {
    /* Main Accent / Header Highlights / Buttons / Badges */
    --dt-pri-color: #ff6b00;        /* Main Theme Accent (Default: Orange) */
    
    /* Dark Headers / Titles / Dark Background Elements */
    --dt-sec-color: #0f172a;        /* Secondary Dark Accent */
    
    /* Light / White Text and Card Backgrounds */
    --dt-whi-color: #ffffff;        /* White Text / Backgrounds */

    /* Custom Box / Card / Layout Variables */
    --dt-bg-dark: #080d1a;          /* Main Page Dark Background */
    --dt-card-bg: #0f172a;          /* Card & Box Background Color */
    --dt-card-hover: #141f36;       /* Card Background on Hover */
    --dt-card-border: rgba(255, 255, 255, 0.1); /* Standard Box Border */
    --dt-border-highlight: rgba(255, 107, 0, 0.5); /* Hover Glow Border */
}

/* ==========================================================================
   1. Theme & Custom Components
   ========================================================================== */

.dt_service--two .dt_item_inner .dt_item_holder .dt_item_icon i {
    color: var(--dt-whi-color);
    font-size: 38px;
    line-height: 2;
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb,
.dt_pagetitle .dt_pagetitle_content > span {
    display: inline-block;
    color: var(--dt-whi-color);
    font-size: 2.8rem;
    position: relative;
    z-index: 1;
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb a,
.dt_pagetitle .dt_pagetitle_content > span a {
    color: var(--dt-whi-color);
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb a:not(:hover, :focus),
.dt_pagetitle .dt_pagetitle_content > span a:not(:hover, :focus) {
    text-decoration: none;
}

.dt_pagetitle .dt_pagetitle_content .rank-math-breadcrumb .separator {
    font-size: 120%;
}

.dt_widget-area .wp-block-comment-author-name a,
.dt_widget-area .wp-block-comment-date a {
    color: var(--dt-sec-color);
}

/* ==========================================================================
   2. Core WordPress Blocks & Layouts
   ========================================================================== */

.aligncenter,
img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.gallery:after {
    display: table;
    content: "";
    clear: both;
}

.wp-block-latest-posts__post-author {
    font-size: 1.7rem;
    color: var(--dt-sec-color);
    font-weight: 600;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-author,
.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
    text-decoration: none;
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--dt-sec-color);
}

.wp-block-code code img {
    margin-left: 10px;
}

.wp-block-image figcaption,
.wp-block-table figcaption {
    text-align: center;
    font-weight: 600;
}

.wp-block-calendar table caption {
    color: #fff;
    background-color: var(--dt-pri-color);
    font-weight: 500;
}

.wp-block-pullquote.has-text-color blockquote {
    border-left-color: inherit;
}

.wp-block-quote .wp-block-search {
    padding-bottom: 5px;
}

.wp-block-details summary {
    font-weight: 600;
    padding: 10px;
}

.wp-block-verse {
    padding: 10px;
}

.wp-block-archives,
.wp-block-page-list,
.wp-block-list,
.wp-block-latest-comments {
    padding-left: 0;
    list-style: none;
}

.wp-block-archives-list a,
.wp-block-page-list a {
    text-decoration: none;
    font-weight: 600;
    color: var(--dt-sec-color);
}

.wp-block-archives-list a:hover,
.wp-block-archives-list a:focus,
.wp-block-page-list a:hover,
.wp-block-page-list a:focus {
    color: var(--dt-pri-color);
}

.wp-block-latest-comments li a:not(:hover, :focus) {
    color: var(--dt-sec-color);
}

.wp-block-latest-comments__comment a,
.wp-block-file a,
.post-navigation-link-next a,
.post-navigation-link-previous a {
    text-decoration: none;
}

.wp-block-avatar img {
    border-radius: 50%;
}

.wp-block-avatar:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

/* Has-background helper states */
.has-background.wp-block-post-author,
.wp-block-page-list.has-background,
.wp-block-categories-list.has-background,
.wp-block-latest-comments.has-background,
.wp-block-file.has-background,
.wp-block-woocommerce-customer-account.has-background {
    padding: 1rem;
}

.has-background.wp-block-read-more,
.has-background.post-navigation-link-next,
.has-background.post-navigation-link-previous {
    padding: 0.25em 1.375em;
}

.wp-block-list.has-background,
.wp-block-details.has-background,
.wp-block-verse.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-preformatted.has-background {
    padding: 1em;
}

a.wp-block-button__link:hover,
a.wp-block-button__link:focus {
    color: #fff;
    text-decoration: none;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
    color: var(--dt-pri-color);
    border-color: inherit;
    background: transparent;
}

/* ==========================================================================
   3. WooCommerce & Block Cart Components
   ========================================================================== */

nav.woocommerce-breadcrumb a,
.woocommerce .summary .product_meta > span a,
.wc-block-customer-account__link,
.wc-block-components-product-title a,
.wc-block-components-product-title a:hover,
.wc-block-components-product-focus a {
    text-decoration: none;
}

.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
    height: 2rem !important;
    width: 2rem !important;
}

.wp-block-woocommerce-customer-account a:focus {
    text-decoration: underline !important;
}

.wc-block-components-product-sale-badge.wc-block-grid__product-onsale,
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__products .wc-block-components-product-sale-badge.wc-block-grid__product-onsale {
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 0;
    color: var(--dt-whi-color);
    background-color: var(--dt-pri-color);
    right: auto;
    min-width: 45px;
    height: 24px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    min-height: auto;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2px;
    border-radius: 5px;
    z-index: 1;
    border: none;
}

.wc-block-components-product-sale-badge {
    z-index: 0 !important;
}

.wp-block-woocommerce-single-product .wp-block-post-title a {
    text-decoration: none;
}

.wc-block-cart__submit-button,
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus {
    color: #fff;
    background-color: var(--dt-pri-color);
    text-decoration: none;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    color: #fff !important;
    text-decoration: none;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
    color: #fff;
}

.wc-block-components-product-title a.wc-block-components-product-name {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 30px;
    padding: 0.25em 0 8px 0;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    text-decoration: none;
}

.wc-block-components-product-title a.wc-block-components-product-name:hover,
.wc-block-components-product-title a.wc-block-components-product-name:focus {
    color: var(--dt-pri-color);
}

.wc-block-grid__product-price.price ins {
    color: var(--dt-pri-color);
    font-weight: bold;
}

.wc-block-grid__products .wc-block-components-product-button__button {
    border-radius: 0;
    text-decoration: none;
}

.wc-block-grid__products .wc-block-components-product-button__button:hover,
.wc-block-grid__products .wc-block-components-product-button__button:focus {
    background-color: var(--dt-sec-color);
}

.wc-block-components-product-name {
    color: var(--dt-sec-color);
    text-decoration: none;
    font-weight: 600;
}

.wc-block-components-product-price__value {
    color: var(--dt-pri-color);
    font-weight: 600;
}

.wc-block-components-totals-item,
.wc-block-cart-items th {
    color: var(--dt-sec-color);
    font-weight: 700;
}

div.wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__totals-title {
    color: var(--dt-sec-color);
    font-weight: 700;
    font-size: 24px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    text-decoration: none;
    font-size: 1.5rem;
}

table.wc-block-cart-items .wc-block-cart-items__header th {
    font-size: 1.6rem;
    font-weight: 700;
}

table.wc-block-cart-items .wc-block-components-product-price {
    font-size: 1.2rem;
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description > p {
    font-size: 1.2rem;
}

.wc-block-components-product-badge {
    background: var(--dt-pri-color);
    color: var(--dt-whi-color);
    font-size: 1rem !important;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
div.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    background-color: var(--dt-pri-color);
    color: #fff;
}

.wc-block-featured-category__link .wp-block-button__link:hover,
.wc-block-featured-category__link .wp-block-button__link:focus,
.wc-block-featured-product__link a:hover,
.wc-block-featured-product__link a:focus,
.wc-block-mini-cart__empty-cart-wrapper .wc-block-mini-cart__shopping-button:hover,
.wc-block-mini-cart__empty-cart-wrapper .wc-block-mini-cart__shopping-button:focus {
    color: #fff;
}

.wc-block-featured-product__price .woocommerce-Price-amount.amount {
    color: #fff;
}

.widget.widget_shopping_cart a:before,
.widget .wc-block-grid__products a:before {
    display: none;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
    font-size: 1rem !important;
    text-decoration: none !important;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus {
    color: var(--dt-pri-color) !important;
}

.wc-block-components-totals-item__value {
    font-size: 1.5rem;
}

.wc-block-mini-cart__footer-checkout,
.wc-block-mini-cart__footer-checkout:hover,
.wc-block-mini-cart__footer-checkout:focus {
    background-color: var(--dt-pri-color);
    color: #fff;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions a {
    text-decoration: none;
    font-size: 1.2rem;
}

.wc-block-mini-cart__badge {
    color: inherit;
}

.wc-block-mini-cart__footer span.wc-block-components-totals-item__label {
    font-size: 1.5rem;
}

.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
    font-size: 1.2rem !important;
}

.wc-block-components-totals-coupon-link {
    text-decoration: none;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-weight: 600;
}

.woocommerce-account .woocommerce-Address-title h2 {
    font-size: 4rem;
}

.woocommerce ul.products li.product a:focus .woocommerce-loop-product__title {
    color: var(--dt-pri-color);
}

/* ==========================================================================
   4. Footer Specific Styling
   ========================================================================== */

.dt_footer .wp-block-latest-comments li a:not(:hover, :focus) {
    color: inherit;
}

.dt_footer ul.product_list_widget li .woocommerce-Price-amount,
.dt_footer .widget_shopping_cart span.amount,
.dt_footer .widget.widget_products ins .woocommerce-Price-amount.amount {
    color: #fff;
}

.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button),
.dt_footer .widget .wc-block-cart-link {
    color: #fff;
    background-color: var(--dt-pri-color);
}

.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):hover,
.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):focus,
.dt_footer .widget_shopping_cart a.checkout:hover,
.dt_footer .widget_shopping_cart a.checkout:focus {
    background-color: var(--dt-pri-color) !important;
}

.dt_footer .widget_shopping_cart li img {
    object-fit: contain !important;
    padding-right: 10px;
}

.dt_footer .widget .wc-block-cart-link:hover,
.dt_footer .widget .wc-block-cart-link:focus {
    text-decoration: none;
}