/**
 * Custom Cake People Calculator — Frontend Styles v1.1.0
 */

/* ================================================================== */
/* 1. FIX LAYOUT ELEMENTOR / WOOCOMMERCE                              */
/* ================================================================== */

form.cart {
	display:         flex       !important;
	flex-direction:  column     !important;
	align-items:     stretch    !important;
	flex-wrap:       wrap       !important;
	justify-content: flex-start !important;
	gap:             0          !important;
	min-height:      0          !important;
	height:          auto       !important;
}

form.cart .ccpc-calculator {
	flex:    0 0 100% !important;
	width:   100%     !important;
	order:   -1       !important;
	margin:  0        !important;
	padding: 0        !important;
}

form.cart .e-atc-qty-button-holder {
	flex:            0 0 100%   !important;
	width:           100%       !important;
	margin-top:      0          !important;
	padding-top:     0          !important;
	display:         flex       !important;
	justify-content: center     !important;
}

/* Butonul Add to Cart — mai mic, centrat */
form.cart .single_add_to_cart_button,
form.cart button[name="add-to-cart"] {
	width:       auto       !important;
	min-width:   180px      !important;
	max-width:   280px      !important;
	padding-left:  2em      !important;
	padding-right: 2em      !important;
	margin:      0 auto     !important;
}

/* Ascunde cantitate WC și wishlist */
form.cart .quantity,
form.cart div.quantity,
.woocommerce div.product form.cart div.quantity,
form.cart .tinv-wraper,
form.cart [class*="tinv"],
form.cart [class*="wishlist"] {
	display: none !important;
}

/* ================================================================== */
/* 2. WRAPPER EXTERN                                                   */
/* ================================================================== */

.ccpc-calculator {
	list-style:  none        !important;
	background:  transparent !important;
	border:      none        !important;
	margin:      0           !important;
	padding:     0           !important;
}

/* ================================================================== */
/* 3. INNER — flex coloană, centrat, gap fix px                       */
/* ================================================================== */

.ccpc-inner {
	display:        flex    !important;
	flex-direction: column  !important;
	align-items:    center  !important;   /* centrează horizontal toate elementele */
	gap:            10px    !important;
	padding:        0 0 14px !important;
	margin:         0       !important;
	width:          100%    !important;
	box-sizing:     border-box !important;
}

/* Resetăm marginile copiilor directi — spațiul vine DOAR din gap    */
.ccpc-inner > * {
	margin:     0   !important;
	flex-shrink: 0  !important;
}

/* Titlul, separatorul și rezumatul = full width                     */
.ccpc-title,
.ccpc-divider,
.ccpc-summary {
	width:      100% !important;
	align-self: stretch !important;
	padding:    0    !important;
}

/* ================================================================== */
/* 4. TITLU                                                            */
/* ================================================================== */

.ccpc-title {
	display:         block     !important;
	font-size:       0.72em    !important;
	font-weight:     600       !important;
	letter-spacing:  0.12em    !important;
	text-transform:  uppercase !important;
	text-align:      center    !important;
	color:           #9b8ea0   !important;
	line-height:     1         !important;
	border:          none      !important;
	background:      none      !important;
	cursor:          default   !important;
}

/* ================================================================== */
/* 5. STEPPER                                                          */
/* ================================================================== */

.ccpc-stepper {
	display:        inline-flex !important;
	align-items:    center      !important;
	align-self:     center      !important;   /* centrează în parent */
	gap:            4px         !important;
	padding:        0           !important;
}

/* Butoane — reset minimal fără all:unset (care distruge display)    */
.ccpc-stepper .ccpc-btn {
	-webkit-appearance: none    !important;
	appearance:         none    !important;
	display:    inline-flex     !important;
	align-items:    center      !important;
	justify-content: center     !important;
	width:      32px            !important;
	height:     32px            !important;
	min-width:  0               !important;
	max-width:  none            !important;
	font-size:  1.25em          !important;
	font-weight: 300            !important;
	line-height: 1              !important;
	color:      #6b6b6b         !important;
	cursor:     pointer         !important;
	background: none            !important;
	border:     none            !important;
	border-radius: 0            !important;
	box-shadow: none            !important;
	padding:    0               !important;
	margin:     0               !important;
	text-decoration: none       !important;
	text-transform:  none       !important;
	letter-spacing:  0          !important;
	transition: color 0.15s     !important;
	-webkit-user-select: none;
	user-select: none;
}

.ccpc-stepper .ccpc-btn:hover,
.ccpc-stepper .ccpc-btn:focus {
	color:      #1a1a1a !important;
	background: none    !important;
	box-shadow: none    !important;
	outline:    none    !important;
}

/* Input */
.ccpc-stepper .ccpc-people-input {
	-webkit-appearance: textfield !important;
	appearance:         textfield !important;
	display:     inline-block !important;
	width:       52px         !important;
	height:      auto         !important;
	text-align:  center       !important;
	font-size:   1.7em        !important;
	font-weight: 400          !important;
	color:       #2d2d2d      !important;
	background:  transparent  !important;
	border:      none         !important;
	box-shadow:  none         !important;
	padding:     0            !important;
	margin:      0            !important;
	line-height: 1.2          !important;
	-moz-appearance: textfield !important;
}

.ccpc-stepper .ccpc-people-input:focus { outline: none !important; }

.ccpc-stepper .ccpc-people-input::-webkit-outer-spin-button,
.ccpc-stepper .ccpc-people-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ================================================================== */
/* 6. SEPARATOR                                                        */
/* ================================================================== */

.ccpc-divider {
	display:    block   !important;
	height:     1px     !important;
	background: #e5e0e8 !important;
	border:     none    !important;
}

/* ================================================================== */
/* 7. REZUMAT — 2 coloane                                             */
/* ================================================================== */

.ccpc-summary {
	display:               grid    !important;
	grid-template-columns: 1fr 1fr !important;
	gap:                   0       !important;
}

.ccpc-col-grams,
.ccpc-col-price {
	display:        flex   !important;
	flex-direction: column !important;
	gap:            4px    !important;
	padding:        0      !important;
}

.ccpc-summary-label {
	display:        block     !important;
	font-size:      0.72em    !important;
	font-weight:    600       !important;
	letter-spacing: 0.12em    !important;
	text-transform: uppercase !important;
	color:          #9b8ea0   !important;
	line-height:    1         !important;
	margin:         0         !important;
}

.ccpc-summary-value {
	display:     block   !important;
	font-size:   1.35em  !important;
	font-weight: 400     !important;
	color:       #2d2d2d !important;
	line-height: 1.2     !important;
	margin:      0       !important;
}

.ccpc-summary-value--price {
	font-size:   1.55em !important;
	font-weight: 500    !important;
}

.ccpc-summary-value--price .woocommerce-Price-amount,
.ccpc-summary-value--price .woocommerce-Price-currencySymbol {
	font-size: inherit !important;
	color:     inherit !important;
}

/* ================================================================== */
/* 8. RESPONSIVE                                                       */
/* ================================================================== */

@media ( max-width: 400px ) {
	.ccpc-summary { grid-template-columns: 1fr !important; }
}