/*
	Theme Name: Hello
  Template: hello-elementor
	Description: This is a child theme for Hello Elementor.
	Version: 1.0.0
	Text Domain: hello
*/

body {
	color: var(--e-global-color-text);
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	line-height: 1.5;
}
label {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.woocommerce-order-pay form#order_review {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 30px;
    padding: 0 15px;
}
 
.woocommerce-order-pay form#order_review table.shop_table {
    white-space: nowrap;
    flex: 0 0 calc(60% - (30px * 1) / 2);
    max-width: calc(60% - (30px * 1) / 2);
    height: 100%;
    width: 100%;
    border: 1px solid #edebf1;
}
 
 
.woocommerce-order-pay form#order_review table thead th{
    background-color: #edebf0;
    padding: 5px 10px;
    font-size: 16px;
    color: #7c0000;
    white-space: pre-wrap;
}
 
.woocommerce-order-pay form#order_review div#payment {
    flex: 0 0 calc(40% - (30px * 1) / 2);
    max-width: calc(40% - (30px * 1) / 2);
    width: 100%;
}
.woocommerce-order-pay form#order_review table tbody tr td {
    padding: 5px 10px !important;
    white-space: normal;
}
.woocommerce-order-pay form#order_review table tbody tr:nth-child(even) td {
    background-color: #edebf1;
}
 
.woocommerce-order-pay form#order_review table tfoot th,.woocommerce-order-pay form#order_review table tfoot td {
    padding: 5px 10px !important;
    height: fit-content !important;
}
.woocommerce-order-pay form#order_review table tfoot tr:nth-child(even){
    background-color: #7c00000f;
}
 
.woocommerce-order-pay form#order_review div#payment .payment_box .payment_box {
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: 5px 15px 10px #00000026;
    border-radius: 15px !important;
}
 
.woocommerce-order-pay form#order_review #payment li > label {
    display: block;
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #7c0000;
}
@media(max-width: 1199px){
    .woocommerce-order-pay form#order_review {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.woocommerce-order-pay form#order_review table.shop_table {
    white-space: nowrap;
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%;
    width: 100%;
}
.woocommerce-order-pay form#order_review div#payment {
    flex: 0 0 500px;
    max-width: 500px;
    width: 100%;
}
}

.security-badges {
            display: flex;
            gap: 15px;
            margin-bottom: 30px;
            flex-wrap: wrap;
        }

        .badge {
            display: flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .badge.ssl { background: #e8f5e8; color: #2e7d32; }
        .badge.encryption { background: #e3f2fd; color: #1565c0; }
        .badge.pci { background: #fff3e0; color: #ef6c00; }

button#place_order {
    background-color: #28a745 !important;
    border-radius: 20px;
}


.woocommerce-privacy-policy-text p {
    margin-top: 0 !important;
}

.payment_box.payment_method_till_payments_creditcard {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.sm__terms_cond {
    display: inline-block;
    margin-top: 20px;
}

.woocommerce.woocommerce-order-pay #payment #place_order, .woocommerce-page.woocommerce-order-pay #payment #place_order {
    float: none;
    width: 100%;
    font-size: 17px;
    padding: 16px;
	border-radius: 100px;
}