/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0-beta1
 Requires at least: 5.0
 Tested up to: 6.5.2
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/
body{
    font-family: "Open Sans", sans-serif;
}
#page {
    align-items: center;
}

.entry-header {
    margin-bottom: 1.5em;;
}
a.navbar-brand {
    max-width: 8em;
    padding: 0;
}
.bg-body-tertiary {
    background: transparent !important;
}
a.navbar-brand {
    margin: 0;
    padding: 0;
    max-width: 10em;
}
.homepage-content .entry-header, .homepage-content .entry-content, .whatsapp_btn_wrap, .buy_btn_wrap {
    text-align: center;
}

.chatbot-button{
    display: inline-flex;
    align-items: center;
    color: white;
    border: none;
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.whatsapp_btn_wrap, .buy_btn_wrap {
    margin: 1.5em auto;
    max-width: 90%;
}

.whatsapp-button {
    background-color: #25D366;
    transition: transform 0.5s, background-color 0.3s;
}

.whatsapp-button:hover {
    background-color: #1DA851;
}

.whatsapp-button i {
    margin-right: 10px;
    font-size: 1.8em;
}
.whatsapp-button.grow {
    transform: scale(1.1);
}

.buy-button, .top-button {
    background-color: #252c37;
}

.buy-button{
    width: 98%;
    justify-content: center;
    background: #2976b1;
}

.buy-button:hover, .top-button:hover {
    background-color: #3385c9;
}

/******** FAQ ***********/
#faq_accordion{
    margin-top: 1.5em;
}
.accordion-button {
    cursor: pointer;
    padding: 10px;
    text-align: right;
    border: none;
    outline: none;
    justify-content: space-between;
    transition: background-color 0.2s ease;
}

.accordion-button:hover,
.accordion-button:focus {
    background-color: #f0f0f0;
}

.accordion-body {
    padding: 10px;
    border-top: 1px solid #ddd;
}

.accordion-button::after {
    margin: 0;
    margin-right: 0.5em;
}
.accordion-item {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.accordion-item:last-of-type {
    border-radius: 0;;
}

.accordion-button:not(.collapsed) {
    color: inherit;
    font-weight: 500;
}

.faq_title {
    font-size: 2em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1em;
}
.faq_title a {
    color: inherit;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:hover, .accordion-button:focus {
    background-color: #e9f7ff;
}


/******** Buy Now  page *******/
.buynow-content{
    /*text-align: center;*/
}

form#prepay button {
    margin-top: 2em;
}
input[type="tel"] {
    direction: rtl;
}
.form-group {
    margin-top: 1em;
}

/******** Chatbot *******/
:root {
    --chat--color-primary: #b54ae8 !important;
    --chat--color-primary-shade-50: #a63dd9 !important;;
    --chat--color-primary-shade-100: #8c2fb9 !important;;
    --chat--color-secondary: #b54ae8a6 !important;;
    --chat--color-secondary-shade-50: #b54ae875 !important;;
    --chat--color-white: #ffffff !important;;
    --chat--color-light: #f4e5fb !important;;
    --chat--color-light-shade-50: #e6e9f1 !important;;
    --chat--color-light-shade-100: #c2c5cc !important;;
    --chat--color-medium: #d2d4d9 !important;;
    --chat--color-dark: #b54ae8 !important;;
    --chat--color-disabled: #3a3a3a !important;;
    --chat--color-typing: #3a3a3a !important;;
    --chat--spacing: 0.8rem !important;;
    --chat--border-radius: .4rem !important;;
    --chat--transition-duration: .15s;
    --chat--window--width: 399px !important;;
    --chat--window--height: 600px !important;;
    --chat--textarea--height: 50px !important;;
    --chat--message--bot--background: var(--chat--color-white) !important;;
    --chat--message--bot--color: var(--chat--color-dark) !important;;
    --chat--message--user--background: var(--chat--color-secondary) !important;;
    --chat--message--user--color: var(--chat--color-white) !important;;
    --chat--message--pre--background: rgba(0, 0, 0, .05) !important;;
    --chat--toggle--background: var(--chat--color-primary) !important;;
    --chat--toggle--hover--background: var(--chat--color-primary-shade-50) !important;;
    --chat--toggle--active--background: var(--chat--color-primary-shade-100) !important;;
    --chat--toggle--color: var(--chat--color-white) !important;;
    --chat--toggle--size: 64px !important;;
    --chat--heading--font-size: 1.5em !important;
    
}
.chat-message {
    max-width: 92% !important;;
}
.chat-message p {
    line-height: 1.2 !important;;
    word-wrap: break-word !important;;
}
.chat-inputs-controls {
    right: unset !important;
    left: 0.5rem !important;
    top: 0.5rem;
    position: absolute;
}
button.chat-input-send-button {
    transform: rotate(180deg);
    border: none;
    background: none;
}

.chat-inputs {
    display: flex;
    position: relative;
}
.chat-inputs textarea {
    padding: 0.5rem;
    padding-right: .8rem !important;
    padding-left: calc(.8rem + var(--controls-count, 1) * var(--chat--textarea--height));
    width: 100%;
    border: none;
}
.chat-layout, .chat-header h1 {
    font-family: "Open Sans Hebrew", Open Sans !important;
}