/*

Theme Name: Ccity Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by CyberCity 

Author: CyberCity

Author URI: https://cybercity.co.il/

Template: hello-elementor

Version: 1.0.1

Text Domain: cybercity-hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

/* */
@import url("../hello-elementor/style.css");

html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}


body.woocommerce-shop #hide-on-shop-product,
body.single-product #hide-on-shop-product,
body.post-type-archive-product #hide-on-shop-product,
body.tax-product_cat #hide-on-shop-product,
body.tax-product_tag #hide-on-shop-product {
    display: none !important;
}

.bgRedLine{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #C83D3C 28.37%, #C83D3C 75.96%, rgba(0, 0, 0, 0.00) 100%) !important;
}

/* כפתור */
.dun_bt .elementor-button,
.dun_bt button {
	border-radius: 50px;
	border: 2px solid #c83d3c !important;
	background: #b51212;
	box-shadow:
		0 0 40px rgba(0, 0, 0, 0.5),
		inset 0 0 27px #000;
}

.same_width_for_article a{
    width:200px !important;
}

/* רוחב כפתור שליחה בטופס */
.form_bt_width .e-form__buttons .elementor-button {
	width: 100%;
	max-width: calc(33.333% - 15px);
}

/* גובה אחיד לשדות וכפתור */
.form_same_height input:not([type="checkbox"]),
.form_same_height .elementor-button {
	min-height: 50px !important;
}

/* צבע checkbox */
.dun_checkBox_color input[type="checkbox"] {
	accent-color: var(--e-global-color-primary);
}

/* מרכז שורת checkbox */
.fix_field_option .elementor-field-option {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

/* רק הלינק שבתוך הטקסט של ההסכמה */
.fix_field_option .elementor-field-option label a {
	border: 0;
	background: transparent;
	border-radius: 0;
	text-decoration: underline;
}

/* ריווח בין checkbox לטקסט */
.fix_input_option input[type="checkbox"] {
	margin-left: 10px;
}

.buttonSVG .elementor-button-icon{
    font-size: 10px;
    padding-top: 3px;
}


/* העטיפה הכללית (הטופס) - מקבלת את המסגרת, הפינות והצללית החיצונית מהקוד שלך */
#dun_add_to_cart form.cart {
    display: flex !important;
    align-items: stretch;
    border-radius: 50px;
    border: 2px solid #c83d3c !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    overflow: hidden; /* שומר שהתוכן לא יחרוג מהפינות העגולות */
    width: fit-content;
    margin: 0 auto;
    padding: 0 !important;
}

/* אזור הכמות (הצד הלבן) */
#dun_add_to_cart .quantity {
    background-color: #ffffff;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

/* שדה המספר עצמו - נקי משאר עיצובים */
#dun_add_to_cart .quantity input[type="number"] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    padding: 0;
    width: 100%;
    -moz-appearance: textfield;
}

/* העלמת החצים מהמספרים (כרום/ספארי) */
#dun_add_to_cart .quantity input[type="number"]::-webkit-outer-spin-button,
#dun_add_to_cart .quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* הכפתור עצמו - מקבל את הרקע והצללית הפנימית מהקוד שלך */
#dun_add_to_cart button.single_add_to_cart_button {
    background: #b51212 !important;
    box-shadow: inset 0 0 27px #000 !important;
    border: none !important;
    border-radius: 0 !important; /* הפינות מתעגלות אוטומטית מהעטיפה הכללית */
    padding: 12px 40px !important;
    margin: 0 !important;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* מרווח בין האייקון לטקסט */
    cursor: pointer;
}

/* הגדרת מעבר חלק לצבע ולצללית בלבד */
#dun_add_to_cart button.single_add_to_cart_button, .dun_bt .elementor-button,
.dun_bt button {
    transition: all 0.3s ease-in-out !important;
}

/* שינוי צבע וצללית פנימית במעבר עכבר - ללא תזוזה */
#dun_add_to_cart button.single_add_to_cart_button:hover, .dun_bt .elementor-button:hover,
.dun_bt button:hover {
    background: #c81818 !important; /* אדום טיפה יותר בהיר */
    box-shadow: inset 0 0 20px rgba(0,0,0,0.8) !important; /* מקטין את הצללית הפנימית כדי שהכפתור ייראה מואר יותר */
}

.galerie-square-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.galerie-square-grid .galerie-grid-item {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.galerie-square-grid .galerie-grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 1024px) {
    .galerie-square-grid {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 767px) {
    .form_bt_width .e-form__buttons .elementor-button {
		max-width: 100%;
	}
    .galerie-square-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*

.dun_bt button, .dun_bt a{
	border-radius: 50px !important;
	border: 2px solid #C83D3C!important;
	background: #B51212 !important;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.50), 0 0 27.108px 0 #000 inset !important;
}

.form_bt_width button{
	max-width: calc(33% - 15px) !important;
}

.form_same_height input:not([type='checkbox']), .form_same_height button{
	min-height:50px !important;
}

.dun_checkBox_color input[type='checkbox']{
	accent-color: var(--e-global-color-primary) !important;
}

.fix_field_option .elementor-field-option{
	display: flex !important;
	justify-content: center !important;
}

.elementor-field-option a{
    border-radius: unset !important;
    border: unset !important;
    background: unset !important;
    text-decoration: underline !important;
    
}

.fix_input_option input{
	margin-left: 10px !important;
}

@media screen and (max-width: 768px) {
	.form_bt_width button{
		max-width: calc(100% - 15px) !important;
	}
}