/*
Theme Name: Most (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Most Creative Agency and Portfolio Theme – The theme is built to take advantage of the Full Site Editing features introduced in WordPress and Elementor plugin, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 6.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: most
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: most
*/

/* Add your own modification from here
-------------------------------------------------------------- */


[data-theme=dark] .header__user-icon svg {
    width: 24px;
    padding-top: 2pt;
    will-change: fill;
    fill: var(--color-white) !important;
    -webkit-transition: fill .5s;
    transition: fill .5s;
}

 button#vapi-support-btn {
        z-index: 9999;
        position: fixed;
        }
.vapi-btn {
            /*left: 90% !important;
            bottom: 400px !important;*/
        }

/* Buton stili */  
.login-button {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-top-left-radius: 40px 40px;
    border-top-right-radius: 40px 40px;
    border-bottom-right-radius: 40px 40px;
    border-bottom-left-radius: 40px 40px;
    background: none;
    color: #ef5d39;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.login-button:hover{
    
 color:var(--color-contrast-higher);
    
}

/* Kullanıcı adını gösteren buton stili */
.user-button {
    border: none;
    background: none;
    color: #ef5d39;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
}

/* İkon stili */
.icon {
    margin-right: 5px;
}

/* Açılır menü stili */
.user-dropdown {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    top: 100%; /* Menü, butonun altında açılacak şekilde */
}

.user-dropdown a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.user-dropdown a:hover {
    background-color: #f1f1f1;
}

/* Açılır menüyü göster */
.user-button:hover .user-dropdown {
    display: block;
}

/* Kullanıcı ve kredi ikonları */
.user-icon {
    fill: #ef5d39;
    width: 24px;
    height: 24px;
}

/* Credits container stili */
.credits-container {
    display: flex;
    align-items: center;
    background-color: #fff7e6; /* Arka plan rengi */
    border: 1px solid #f1e4d6; /* Kenar rengi */
    border-radius: 8px;
    padding: 5px 10px;
    margin-right: 10px;
    color: #ef5d39;
    font-size: 16px;
    z-index: 99;
}

.credits-icon {
    fill: #ef5d39;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.credits-text {
    font-weight: bold;
    margin-right: 5px;
}

.credits-separator {
    margin: 0 5px;
    color: #ef5d39;
}

.has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
    background-color: rgba(0, 0, 0, .1) !important;
    border-color: hsla(0, 0%, 100%, .4) !important;
    color: var(--color-contrast-higher) !important;
}

.has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=email], .has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=number], .has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=tel], .has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=text], .has-dark-controls .wc-block-components-form .wc-block-components-text-input input[type=url], .has-dark-controls .wc-block-components-text-input input[type=email], .has-dark-controls .wc-block-components-text-input input[type=number], .has-dark-controls .wc-block-components-text-input input[type=tel], .has-dark-controls .wc-block-components-text-input input[type=text], .has-dark-controls .wc-block-components-text-input input[type=url] {
    background-color: rgba(0, 0, 0, .1);
    border-color: hsla(0, 0%, 100%, .4);
    color: var(--color-contrast-higher) !important;
}

.has-dark-controls .wc-block-components-form .wc-block-components-text-input label, .has-dark-controls .wc-block-components-text-input label {
    color: var(--color-contrast-higher) !important;
}

.has-dark-controls .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .has-dark-controls .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
    color: var(--color-contrast-higher) !important;
}

.woocommerce-account-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1em;
}

.woocommerce-account-links .woocommerce-LostPassword,
.woocommerce-account-links .woocommerce-register-link {
    margin: 0;
}

.ms-login-my-account, .ms-register-account, .ms-woocommerce-form-login {
    max-width: 31.125rem;
}