/**
 * Beautiful Armenian Checkout Page
 * Modern, professional design with Armenian fonts
 */

/* ============================================
   ARMENIAN FONT FOR CHECKOUT
   ============================================ */
   .custom-checkout-page,
   .custom-checkout-page *,
   .woocommerce-checkout,
   .woocommerce-checkout * {
	   font-family: 'Noto Sans Armenian', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
   }

   /* ============================================
	  CHECKOUT PAGE LAYOUT - FIXED
	  ============================================ */
   /* Fix ALL WoodMart containers - Remove width restrictions */
   body.woocommerce-checkout .wd-page-wrapper,
   body.woocommerce-checkout .wd-page-content,
   body.woocommerce-checkout .main-page-wrapper {
	   max-width: 100% !important;
	   width: 100% !important;
	   padding-left: 0 !important;
	   padding-right: 0 !important;
	   margin: 0 !important;
	   box-sizing: border-box !important;
   }

   /* Fix main content area */
   body.woocommerce-checkout main#main-content,
   body.woocommerce-checkout .wd-content-layout,
   body.woocommerce-checkout .content-layout-wrapper,
   body.woocommerce-checkout .wd-content-area,
   body.woocommerce-checkout .site-content {
	   max-width: 100% !important;
	   width: 100% !important;
	   padding-left: 0 !important;
	   padding-right: 0 !important;
	   margin: 0 !important;
	   box-sizing: border-box !important;
   }

   /* Fix container - remove max-width restriction and center content */
   body.woocommerce-checkout main#main-content.container,
   body.woocommerce-checkout .container.wd-content-layout {
	   max-width: 100% !important;
	   width: 100% !important;
	   padding-left: 0 !important;
	   padding-right: 0 !important;
	   box-sizing: border-box !important;
   }


   /* Fix article and entry content */
   body.woocommerce-checkout article,
   body.woocommerce-checkout .entry-content {
	   max-width: 100% !important;
	   width: 100% !important;
	   padding: 0 !important;
	   margin: 0 !important;
	   box-sizing: border-box !important;
   }

   /* Main checkout container - full width container, but limit form width */
   body.woocommerce-checkout .woocommerce {
	   max-width: 100% !important;
	   width: 100% !important;
	   margin: 0 !important;
	   padding: 0 !important;
	   box-sizing: border-box !important;
   }

   body.woocommerce-checkout .custom-checkout-page {
	   max-width: 1400px !important;
	   width: 100% !important;
	   margin: 0 auto !important;
	   padding: 20px 40px !important;
	   box-sizing: border-box !important;
	   overflow-x: visible !important;
   }

   /* Prevent horizontal scroll */
   body.woocommerce-checkout {
	   overflow-x: hidden !important;
   }

   .woocommerce-checkout {
	   max-width: 100% !important;
	   width: 100% !important;
	   margin: 0 !important;
	   padding: 0 !important;
	   box-sizing: border-box !important;
   }

   /* Main checkout form layout - Compact */
   .woocommerce-checkout form.checkout,
   .custom-checkout-page form.checkout,
   form.checkout.woocommerce-checkout {
	   display: flex !important;
	   flex-wrap: wrap !important;
	   flex-direction: row !important;
	   gap: 30px !important;
	   align-items: flex-start !important;
	   justify-content: space-between !important;
	   width: 100% !important;
	   max-width: 100% !important;
	   margin: 0 !important;
	   padding: 0 !important;
	   box-sizing: border-box !important;
   }

   /* WooCommerce Validation Errors at the top */
   .woocommerce-checkout form.checkout .woocommerce-NoticeGroup,
   .custom-checkout-page form.checkout .woocommerce-NoticeGroup {
	   flex: 0 0 100% !important;
	   width: 100% !important;
	   margin: 0 0 -10px 0 !important; /* Reduce space after errors */
   }

   /* Customer details - left column (compact) */
   .woocommerce-checkout .customer-details,
   .custom-checkout-page .customer-details,
   #customer_details {
	   flex: 1 1 calc(60% - 15px) !important;
	   min-width: 0 !important;
	   max-width: calc(60% - 15px) !important;
	   width: 100% !important;
	   box-sizing: border-box !important;
   }

   /* Order review - right column (compact) */
   .woocommerce-checkout .checkout-order-review,
   .custom-checkout-page .checkout-order-review {
	   flex: 0 0 calc(40% - 15px) !important;
	   min-width: 0 !important;
	   max-width: calc(40% - 15px) !important;
	   width: 100% !important;
	   box-sizing: border-box !important;
   }

   @media (max-width: 1024px) {
	   .custom-checkout-page form.checkout {
		   display: block !important;
		   flex-direction: column !important;
	   }

	   .custom-checkout-page form.checkout .woocommerce-NoticeGroup,
	   .custom-checkout-page .customer-details,
	   #customer_details,
	   .custom-checkout-page .checkout-order-review {
		   flex: 0 0 100% !important;
		   min-width: 100% !important;
		   max-width: 100% !important;
		   width: 100% !important;
		   margin-bottom: 30px !important;
		   display: block !important;
	   }
   }

   /* ============================================
	  CUSTOMER DETAILS SECTION - Compact
	  ============================================ */
   .custom-checkout-page .customer-details,
   .woocommerce-checkout .customer-details {
	   box-sizing: border-box !important;
	   background: #fff !important;
	   border-radius: 8px !important;
	   padding: 25px !important;
	   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08) !important;
	   border: 1px solid #e8e8e8 !important;
	   width: 100% !important;
   }

   .custom-checkout-page .woocommerce-billing-fields h3,
   .custom-checkout-page .woocommerce-shipping-fields h3,
   .custom-checkout-page .woocommerce-additional-fields h3 {
	   font-size: 18px !important;
	   font-weight: 700 !important;
	   color: #333 !important;
	   margin-bottom: 20px !important;
	   text-transform: none !important;
	   letter-spacing: 0 !important;
	   padding-bottom: 12px !important;
	   border-bottom: 2px solid #233E2A !important;
   }

   /* ============================================
	  FORM FIELDS - Compact & Beautiful
	  ============================================ */
   .custom-checkout-page .form-row {
	   margin-bottom: 16px !important;
   }

   .custom-checkout-page .form-row label {
	   font-size: 14px !important;
	   font-weight: 700 !important;
	   color: #333 !important;
	   margin-bottom: 8px !important;
	   display: block !important;
   }

   .custom-checkout-page .form-row .required {
	   color: #ff4444 !important;
   }

   .custom-checkout-page .form-row input[type="text"],
   .custom-checkout-page .form-row input[type="email"],
   .custom-checkout-page .form-row input[type="tel"],
   .custom-checkout-page .form-row input[type="number"],
   .custom-checkout-page .form-row input[type="password"],
   .custom-checkout-page .form-row select,
   .custom-checkout-page .form-row textarea {
	   width: 100% !important;
	   padding: 12px 14px !important;
	   border: 1px solid #ddd !important;
	   border-radius: 6px !important;
	   font-size: 14px !important;
	   line-height: 1.5 !important;
	   font-weight: 500 !important;
	   color: #333 !important;
	   background: #fff !important;
	   transition: all 0.2s ease !important;
	   min-height: 44px !important;
	   height: auto !important;
	   overflow: visible !important;
	   text-overflow: clip !important;
	   white-space: normal !important;
	   word-wrap: break-word !important;
	   font-family: 'Noto Sans Armenian', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
   }

   .custom-checkout-page .form-row select {
	   height: 44px !important;
	   min-height: 44px !important;
   }

   .custom-checkout-page .form-row input:focus,
   .custom-checkout-page .form-row select:focus,
   .custom-checkout-page .form-row textarea:focus {
	   border-color: #233E2A !important;
	   outline: none !important;
	   box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1) !important;
   }

   .custom-checkout-page .form-row textarea {
	   min-height: 80px !important;
	   resize: vertical !important;
   }

   /* ============================================
	  ACCOUNT REGISTRATION SECTION
	  ============================================ */
   .custom-checkout-page .woocommerce-account-fields {
	   margin-top: 30px !important;
	   padding-top: 25px !important;
	   border-top: 2px solid #f0f0f0 !important;
   }

   .custom-checkout-page .woocommerce-form__label {
	   display: flex !important;
	   align-items: center !important;
	   gap: 10px !important;
	   font-size: 15px !important;
	   font-weight: 600 !important;
	   color: #333 !important;
	   cursor: pointer !important;
   }

   .custom-checkout-page .woocommerce-form__label input[type="checkbox"] {
	   width: 20px !important;
	   height: 20px !important;
	   margin: 0 !important;
	   cursor: pointer !important;
   }

   /* ============================================
	  ORDER REVIEW SECTION - Compact
	  ============================================ */
   .custom-checkout-page .checkout-order-review,
   .woocommerce-checkout .checkout-order-review {
	   background: #fff !important;
	   border-radius: 8px !important;
	   padding: 25px !important;
	   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08) !important;
	   border: 1px solid #e8e8e8 !important;
	   position: sticky !important;
	   top: 20px !important;
	   width: 100% !important;
   }

   .custom-checkout-page .checkout-order-review h3,
   #order_review_heading {
	   font-size: 18px !important;
	   font-weight: 700 !important;
	   color: #333 !important;
	   margin-bottom: 20px !important;
	   text-transform: none !important;
	   letter-spacing: 0 !important;
	   padding-bottom: 12px !important;
	   border-bottom: 2px solid #233E2A !important;
   }

   /* ============================================
	  PAYMENT METHODS
	  ============================================ */
   .custom-checkout-page #payment {
	   background: #f9f9f9 !important;
	   border-radius: 8px !important;
	   padding: 20px !important;
	   margin-top: 25px !important;
   }

   .custom-checkout-page #payment .payment_methods {
	   list-style: none !important;
	   padding: 0 !important;
	   margin: 0 0 20px 0 !important;
   }

   .custom-checkout-page #payment .payment_methods li {
	   margin-bottom: 15px !important;
	   padding: 15px !important;
	   background: #fff !important;
	   border: 2px solid #e0e0e0 !important;
	   border-radius: 8px !important;
	   transition: all 0.2s ease !important;
   }

   .custom-checkout-page #payment .payment_methods li:hover,
   .custom-checkout-page #payment .payment_methods li.woocommerce-notice {
	   border-color: #233E2A !important;
   }

   .custom-checkout-page #payment .payment_methods label {
	   font-size: 15px !important;
	   font-weight: 600 !important;
	   color: #333 !important;
	   cursor: pointer !important;
	   display: flex !important;
	   align-items: center !important;
	   gap: 10px !important;
   }

   .custom-checkout-page #payment .payment_methods input[type="radio"] {
	   width: 20px !important;
	   height: 20px !important;
	   margin: 0 !important;
	   cursor: pointer !important;
   }

   /* ============================================
	  PLACE ORDER BUTTON
	  ============================================ */
   .custom-checkout-page #place_order {
	   width: 100% !important;
	   padding: 16px 30px !important;
	   font-size: 18px !important;
	   font-weight: 700 !important;
	   text-transform: uppercase !important;
	   letter-spacing: 1px !important;
	   border-radius: 10px !important;
	   background: linear-gradient(135deg, #28462F 0%, #28462F 100%) !important;
	   color: #fff !important;
	   border: none !important;
	   cursor: pointer !important;
	   transition: all 0.3s ease !important;
	   box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3) !important;
   }

   .custom-checkout-page #place_order:hover {
	   background: linear-gradient(135deg, #28462F 0%, #388E3C 100%) !important;
	   transform: translateY(-2px) !important;
	   box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
   }

   /* ============================================
	  COUPON SECTION - Hide duplicates
	  ============================================ */
   /* Hide duplicate coupon in custom-checkout-page */
   .custom-checkout-page > .woocommerce-form-coupon-toggle,
   .custom-checkout-page > .woocommerce-form-coupon {
	   display: none !important;
   }

   .custom-checkout-page .woocommerce-form-coupon-toggle {
	   background: #fff3e0 !important;
	   border: 1px dashed #FF9800 !important;
	   border-radius: 6px !important;
	   padding: 12px 16px !important;
	   margin-bottom: 20px !important;
	   text-align: center !important;
   }

   .custom-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info {
	   background: transparent !important;
	   border: none !important;
	   margin: 0 !important;
	   padding: 0 !important;
	   color: #E65100 !important;
	   font-weight: 600 !important;
   }

   .custom-checkout-page .woocommerce-form-coupon {
	   background: #fff !important;
	   border: 2px solid #FF9800 !important;
	   border-radius: 8px !important;
	   padding: 20px !important;
	   margin-bottom: 25px !important;
	   display: flex !important;
	   gap: 10px !important;
   }

   .custom-checkout-page .woocommerce-form-coupon input {
	   flex: 1 1 auto !important;
	   padding: 12px 16px !important;
	   border: 2px solid #e0e0e0 !important;
	   border-radius: 8px !important;
   }

   .custom-checkout-page .woocommerce-form-coupon button {
	   padding: 12px 24px !important;
	   background: #FF9800 !important;
	   color: #fff !important;
	   border: none !important;
	   border-radius: 8px !important;
	   font-weight: 700 !important;
	   cursor: pointer !important;
   }

   /* ============================================
	  AUTO-DETECT ADDRESS BUTTON
	  ============================================ */
   .custom-checkout-page .auto-address-row {
	   margin-bottom: 20px !important;
   }

   .custom-checkout-page .auto-detect-address-btn {
	   width: 100% !important;
	   padding: 12px 20px !important;
	   background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%) !important;
	   color: #fff !important;
	   border: none !important;
	   border-radius: 8px !important;
	   font-size: 14px !important;
	   font-weight: 700 !important;
	   cursor: pointer !important;
	   transition: all 0.2s ease !important;
	   box-shadow: 0 2px 8px rgba(33, 150, 243, 0.3) !important;
   }

   .custom-checkout-page .auto-detect-address-btn:hover {
	   background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%) !important;
	   transform: translateY(-2px) !important;
	   box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4) !important;
   }

   /* ============================================
	  B2B FIELDS - Hide by default
	  ============================================ */
   .custom-checkout-page .b2b-field {
	   display: none !important;
   }

   .custom-checkout-page .b2b-field.show {
	   display: block !important;
   }

   /* Customer type selection - Radio buttons - Compact */
   .custom-checkout-page .customer-type,
   .custom-checkout-page #billing_customer_type_field {
	   display: flex !important;
	   flex-direction: column !important;
	   gap: 10px !important;
	   margin-bottom: 20px !important;
	   padding: 15px !important;
	   background: #f9f9f9 !important;
	   border-radius: 6px !important;
	   border: 1px solid #e0e0e0 !important;
   }

   /* WooCommerce input wrapper for radio buttons - flex column */
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper {
	   display: flex !important;
	   flex-direction: column !important;
	   gap: 10px !important;
   }

   /* Each radio button - position it absolutely before its label */
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"] {
	   width: 20px !important;
	   height: 20px !important;
	   min-width: 20px !important;
	   min-height: 20px !important;
	   max-width: 20px !important;
	   max-height: 20px !important;
	   margin: 0 !important;
	   padding: 0 !important;
	   cursor: pointer !important;
	   position: absolute !important;
	   left: 27px !important;
	   opacity: 0 !important;
	   z-index: 1 !important;
   }

   /* Label styling - contains radio visually */
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"] + label,
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > label.radio {
	   display: flex !important;
	   align-items: center !important;
	   justify-content: flex-start !important;
	   gap: 0 !important;
	   cursor: pointer !important;
	   font-weight: 600 !important;
	   font-size: 15px !important;
	   color: #333 !important;
	   padding: 12px 15px 12px 47px !important;
	   background: #fff !important;
	   border: 2px solid #e0e0e0 !important;
	   border-radius: 8px !important;
	   transition: all 0.2s ease !important;
	   margin: 0 !important;
	   line-height: 1.5 !important;
	   min-height: 48px !important;
	   position: relative !important;
   }

   /* Custom radio button appearance - positioned inside label */
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"] + label::before,
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > label.radio::before {
	   content: '' !important;
	   position: absolute !important;
	   left: 15px !important;
	   top: 50% !important;
	   transform: translateY(-50%) !important;
	   width: 20px !important;
	   height: 20px !important;
	   border: 2px solid #ccc !important;
	   border-radius: 50% !important;
	   background: #fff !important;
	   transition: all 0.2s ease !important;
	   z-index: 2 !important;
   }

   /* Custom radio button checked state */
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"]:checked + label::before,
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"]:checked ~ label.radio::before {
	   border-color: #233E2A !important;
	   background: #233E2A !important;
   }

   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"]:checked + label::after,
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"]:checked ~ label.radio::after {
	   content: '' !important;
	   position: absolute !important;
	   left: 20px !important;
	   top: 50% !important;
	   transform: translateY(-50%) !important;
	   width: 8px !important;
	   height: 8px !important;
	   border-radius: 50% !important;
	   background: #fff !important;
	   z-index: 3 !important;
   }

   /* Selected label background */
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"]:checked + label {
	   border-color: #233E2A !important;
   }

   /* Hover effect */
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"] + label:hover,
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > label.radio:hover {
	   border-color: #233E2A !important;
   }

   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > input[type="radio"] + label:hover::before,
   .custom-checkout-page #billing_customer_type_field .woocommerce-input-wrapper > label.radio:hover::before {
	   border-color: #233E2A !important;
   }

   .custom-checkout-page .customer-type label:hover,
   .custom-checkout-page #billing_customer_type_field label.radio:hover {
	   border-color: #233E2A !important;
   }

   .custom-checkout-page .customer-type input[type="radio"]:checked + label,
   .custom-checkout-page #billing_customer_type_field input[type="radio"]:checked + label {
	   border-color: #233E2A !important;
   }

   .custom-checkout-page #billing_customer_type_field > label {
	   font-size: 16px !important;
	   font-weight: 700 !important;
	   margin-bottom: 15px !important;
	   display: block !important;
	   color: #333 !important;
   }

   /* Registration choice - Radio buttons - Compact */
   .custom-checkout-page .create-account-choice,
   /* Hide registration choice if user is logged in */
   body.logged-in .custom-checkout-page #create_account_choice_field,
   body.woocommerce-account .custom-checkout-page #create_account_choice_field {
   	display: none !important;
   	visibility: hidden !important;
   	height: 0 !important;
   	overflow: hidden !important;
   	margin: 0 !important;
   	padding: 0 !important;
   }

   .custom-checkout-page #create_account_choice_field {
	   display: flex !important;
	   flex-direction: column !important;
	   gap: 10px !important;
	   margin-bottom: 20px !important;
	   padding: 15px !important;
	   background: linear-gradient(135deg, #E8F5E9 0%, #F1F8E9 100%) !important;
	   border: 1px solid #28462F !important;
	   border-radius: 6px !important;
   }

   /* WooCommerce input wrapper for registration radio buttons */
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper {
	   display: flex !important;
	   flex-direction: column !important;
	   gap: 10px !important;
   }

   /* Each radio button - position it absolutely before its label */
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"] {
	   width: 20px !important;
	   height: 20px !important;
	   min-width: 20px !important;
	   min-height: 20px !important;
	   max-width: 20px !important;
	   max-height: 20px !important;
	   margin: 0 !important;
	   padding: 0 !important;
	   cursor: pointer !important;
	   position: absolute !important;
	   left: 27px !important;
	   opacity: 0 !important;
	   z-index: 1 !important;
   }

   /* Label styling - contains radio visually */
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"] + label,
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > label.radio {
	   display: flex !important;
	   align-items: center !important;
	   justify-content: flex-start !important;
	   gap: 0 !important;
	   cursor: pointer !important;
	   font-weight: 600 !important;
	   font-size: 15px !important;
	   color: #2E7D32 !important;
	   padding: 12px 15px 12px 47px !important;
	   background: #fff !important;
	   border: 2px solid #28462F !important;
	   border-radius: 8px !important;
	   transition: all 0.2s ease !important;
	   margin: 0 !important;
	   line-height: 1.5 !important;
	   min-height: 48px !important;
	   position: relative !important;
   }

   /* Custom radio button appearance - positioned inside label */
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"] + label::before,
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > label.radio::before {
	   content: '' !important;
	   position: absolute !important;
	   left: 15px !important;
	   top: 50% !important;
	   transform: translateY(-50%) !important;
	   width: 20px !important;
	   height: 20px !important;
	   border: 2px solid #28462F !important;
	   border-radius: 50% !important;
	   background: #fff !important;
	   transition: all 0.2s ease !important;
	   z-index: 2 !important;
   }

   /* Custom radio button checked state */
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"]:checked + label::before,
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"]:checked ~ label.radio::before {
	   border-color: #2E7D32 !important;
	   background: #28462F !important;
   }

   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"]:checked + label::after,
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"]:checked ~ label.radio::after {
	   content: '' !important;
	   position: absolute !important;
	   left: 20px !important;
	   top: 50% !important;
	   transform: translateY(-50%) !important;
	   width: 8px !important;
	   height: 8px !important;
	   border-radius: 50% !important;
	   background: #fff !important;
	   z-index: 3 !important;
   }

   /* Selected label background */
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"]:checked + label {
	   background: #28462F !important;
	   color: #fff !important;
	   border-color: #2E7D32 !important;
   }

   /* Hover effect */
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"] + label:hover,
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > label.radio:hover {
	   background: #E8F5E9 !important;
	   border-color: #2E7D32 !important;
   }

   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > input[type="radio"] + label:hover::before,
   .custom-checkout-page #create_account_choice_field .woocommerce-input-wrapper > label.radio:hover::before {
	   border-color: #2E7D32 !important;
   }

   .custom-checkout-page .create-account-choice label:hover,
   .custom-checkout-page #create_account_choice_field label.radio:hover {
	   background: #E8F5E9 !important;
	   border-color: #2E7D32 !important;
   }

   .custom-checkout-page .create-account-choice input[type="radio"]:checked + label,
   .custom-checkout-page #create_account_choice_field input[type="radio"]:checked + label {
	   background: #28462F !important;
	   color: #fff !important;
	   border-color: #2E7D32 !important;
   }

   .custom-checkout-page #create_account_choice_field > label {
	   font-size: 16px !important;
	   font-weight: 700 !important;
	   margin-bottom: 15px !important;
	   display: block !important;
	   color: #2E7D32 !important;
   }

   /* ============================================
	  RESPONSIVE
	  ============================================ */
   @media (max-width: 992px) {
	   body.woocommerce-checkout .custom-checkout-page {
		   padding: 0 !important;
	   }

	   .custom-checkout-page form.checkout {
		   display: block !important;
		   flex-direction: column !important;
	   }

	   .custom-checkout-page form.checkout .woocommerce-NoticeGroup,
	   .custom-checkout-page .customer-details,
	   #customer_details {
		   flex: 0 0 100% !important;
		   min-width: 100% !important;
		   max-width: 100% !important;
		   width: 100% !important;
		   margin-bottom: 30px !important;
		   display: block !important;
	   }

	   .custom-checkout-page .checkout-order-review {
		   flex: 0 0 100% !important;
		   min-width: 100% !important;
		   max-width: 100% !important;
		   width: 100% !important;
		   position: relative !important;
		   top: 0 !important;
		   margin-top: 0 !important;
		   display: block !important;
	   }
   }

   @media (max-width: 768px) {
	   body.woocommerce-checkout .custom-checkout-page {
		   padding: 0 !important;
	   }

	   .woocommerce-checkout .customer-details,
	   .custom-checkout-page .customer-details,
	   .woocommerce-checkout .checkout-order-review,
	   .custom-checkout-page .checkout-order-review {
		   padding: 15px !important;
	   }

	   .custom-checkout-page .woocommerce-form-coupon {
		   flex-direction: column !important;
	   }
   }

   /* ============================================
	  FLATPICKR CALENDAR FIXES - High Priority
	  ============================================ */
   #delivery-date-picker .flatpickr-calendar .flatpickr-months,
   .delivery-calendar-side .flatpickr-calendar .flatpickr-months {
	   margin-bottom: 0 !important;
	   padding-bottom: 0 !important;
	   height: 75px !important;
	   overflow: visible !important;
   }

   #delivery-date-picker .flatpickr-calendar .flatpickr-current-month,
   .delivery-calendar-side .flatpickr-calendar .flatpickr-current-month {
	   margin-bottom: 0 !important;
	   padding-bottom: 0 !important;
       padding-top: 10px !important;
	   height: 60px !important;
	   line-height: normal !important;
	   overflow: visible !important;
	   position: relative !important;
       width: 100% !important;
   }

   #delivery-date-picker .flatpickr-calendar .flatpickr-monthDropdown-months,
   .delivery-calendar-side .flatpickr-calendar .flatpickr-monthDropdown-months {
	   z-index: 99999 !important;
	   position: relative !important;
       display: inline-block !important;
       top: auto !important;
       left: auto !important;
   }

   #delivery-date-picker .flatpickr-calendar .flatpickr-monthDropdown-months select,
   .delivery-calendar-side .flatpickr-calendar .flatpickr-monthDropdown-months select {
	   z-index: 99999 !important;
	   position: relative !important;
       background: #fff !important;
       border: 1px solid #aaa !important;
       border-radius: 6px !important;
       padding: 8px 30px 8px 12px !important;
       height: 40px !important;
       font-size: 16px !important;
       font-weight: 600 !important;
       outline: none !important;
       cursor: pointer !important;
       margin-bottom: 10px !important;
       color: #333 !important;
       box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
	   -webkit-appearance: none !important;
	   -moz-appearance: none !important;
	   appearance: none !important;
       background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
       background-repeat: no-repeat !important;
       background-position: right 5px center !important;
	   background-size: 20px !important;
   }

   #delivery-date-picker .flatpickr-calendar .flatpickr-weekdays,
   .delivery-calendar-side .flatpickr-calendar .flatpickr-weekdays {
	   margin-top: 15px !important;
	   margin-bottom: 0 !important;
	   padding-top: 5px !important;
	   padding-bottom: 5px !important;
   }

   #delivery-date-picker .flatpickr-calendar .flatpickr-days,
   .delivery-calendar-side .flatpickr-calendar .flatpickr-days {
	   margin-top: 0 !important;
	   padding-top: 0 !important;
   }

   /* Hide standard WooCommerce address fields */
   #billing_country_field.hidden-field,
   #billing_address_1_field.hidden-field,
   #billing_address_2_field.hidden-field,
   #billing_city_field.hidden-field,
   #billing_state_field.hidden-field,
   #billing_postcode_field.hidden-field,
   .woocommerce-billing-fields__field-wrapper .hidden-field,
   .woocommerce-billing-fields .hidden-field {
	   display: none !important;
	   visibility: hidden !important;
	   height: 0 !important;
	   overflow: hidden !important;
	   margin: 0 !important;
	   padding: 0 !important;
	   opacity: 0 !important;
   }

   /* Numeric-only hint tooltip */
   .numeric-hint-tooltip {
	   position: absolute;
	   background: #233E2A;
	   color: white;
	   padding: 8px 12px;
	   border-radius: 6px;
	   font-size: 13px;
	   font-weight: 500;
	   font-family: "Noto Sans Armenian", sans-serif;
	   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	   z-index: 10000;
	   opacity: 0;
	   transform: translateY(-5px);
	   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	   pointer-events: none;
	   white-space: nowrap;
   }

   .numeric-hint-tooltip::before {
	   content: '';
	   position: absolute;
	   bottom: 100%;
	   left: 12px;
	   border: 6px solid transparent;
	   border-bottom-color: #233E2A;
   }

   .numeric-hint-tooltip.show {
	   opacity: 1;
	   transform: translateY(0);
   }

   @media (max-width: 640px) {
	   .numeric-hint-tooltip {
		   font-size: 12px;
		   padding: 6px 10px;
		   max-width: 200px;
		   white-space: normal;
	   }
   }

/* ============================================
   CHECKOUT STEPS BREADCRUMB - BEAUTIFUL DESIGN
   ============================================ */

/* Armenian Font for Checkout Steps */
.wd-checkout-steps,
.wd-checkout-steps * {
	font-family: 'Noto Sans Armenian', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Main Container */
.wd-checkout-steps {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 20px 15px !important;
	gap: 8px 12px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

/* Step Items */
.wd-checkout-steps li {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

/* Step Links and Spans */
.wd-checkout-steps li a,
.wd-checkout-steps li span {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	padding: 8px 14px !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	color: #334155 !important;
	background: #F3F4F6 !important;
	border: 2px solid transparent !important;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	-webkit-tap-highlight-color: transparent !important;
	line-height: 1.4 !important;
}

/* Active Step */
.wd-checkout-steps li.step-active a,
.wd-checkout-steps li.step-active span {
	color: #FFFFFF !important;
	background: #233E2A !important;
	border-color: #233E2A !important;
	font-weight: 600 !important;
	position: relative !important;
}

/* Remove duplicate underline/after effect - no ::after needed */
.wd-checkout-steps li.step-active a::after,
.wd-checkout-steps li.step-active span::after {
	display: none !important;
	content: none !important;
}

/* Inactive Step - Hover */
.wd-checkout-steps li.step-inactive a:hover {
	color: #233E2A !important;
	border-color: #233E2A !important;
	-webkit-transform: translateY(-2px) !important;
	-ms-transform: translateY(-2px) !important;
	transform: translateY(-2px) !important;
	-webkit-box-shadow: 0 2px 8px rgba(231, 38, 55, 0.2) !important;
	box-shadow: 0 2px 8px rgba(231, 38, 55, 0.2) !important;
}

/* Arrow Separator */
.wd-checkout-steps li:not(:last-child)::after {
	content: '→' !important;
	color: #9CA3AF !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	margin: 0 4px !important;
	-webkit-transition: color 0.3s ease !important;
	-o-transition: color 0.3s ease !important;
	transition: color 0.3s ease !important;
}

/* Arrow between active and next step */
.wd-checkout-steps li.step-active:not(:last-child)::after {
	color: #233E2A !important;
	font-weight: 600 !important;
}

/* Page Title Background */
.wd-page-title.page-title-default {
    margin-bottom: 0 !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 60px 0;
    background: #F0F5F2;
}

.wd-page-title .container {
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
}

/* ============================================
   RESPONSIVE DESIGN - MOBILE & TABLET
   ============================================ */

/* Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) {
	.wd-checkout-steps {
		padding: 15px 12px !important;
		gap: 5px 8px !important;
		font-size: 12px !important;
	}

	.wd-checkout-steps li a,
	.wd-checkout-steps li span {
		padding: 7px 12px !important;
		font-size: 12px !important;
	}

	.wd-checkout-steps li:not(:last-child)::after {
		font-size: 14px !important;
		margin: 0 3px !important;
	}

	.wd-page-title.page-title-default {
		padding: 20px 0 !important;
	}
}

/* Mobile Landscape (576px - 767px) */
@media screen and (max-width: 767px) {
	.wd-checkout-steps {
		padding: 12px 10px !important;
		gap: 6px 6px !important;
		font-size: 11px !important;
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.wd-checkout-steps li {
		flex: 0 0 auto !important;
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
	}

	.wd-checkout-steps li a,
	.wd-checkout-steps li span {
		padding: 6px 11px !important;
		font-size: 11px !important;
		border-radius: 5px !important;
		white-space: normal !important;
		text-align: center !important;
		line-height: 1.2 !important;
		max-width: 150px !important;
		height: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.wd-checkout-steps li:not(:last-child)::after {
		font-size: 14px !important;
		margin: 0 4px 0 8px !important;
		display: inline-block !important;
	}

	.wd-page-title.page-title-default {
		padding: 18px 0 !important;
	}

	.wd-page-title .container {
		padding: 0 15px !important;
	}
}

/* Mobile Portrait (320px - 575px) */
@media screen and (max-width: 575px) {
	.wd-checkout-steps {
		padding: 10px 5px !important;
		gap: 6px 4px !important;
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.wd-checkout-steps li {
		flex: 0 0 auto !important;
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
	}

	.wd-checkout-steps li a,
	.wd-checkout-steps li span {
		padding: 6px 10px !important;
		font-size: 11px !important;
		border-radius: 6px !important;
		white-space: normal !important;
		text-align: center !important;
		line-height: 1.2 !important;
		max-width: 130px !important;
		height: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.wd-checkout-steps li:not(:last-child)::after {
		font-size: 14px !important;
		margin: 0 2px 0 6px !important;
		display: inline-block !important;
	}

	.wd-page-title.page-title-default {
		padding: 15px 0 !important;
	}

	.wd-page-title .container {
		padding: 0 12px !important;
	}
}

/* Very Small Mobile (240px - 319px) - Old Phones */
@media screen and (max-width: 319px) {
	.wd-checkout-steps {
		padding: 8px 2px !important;
		gap: 4px 2px !important;
	}

	.wd-checkout-steps li a,
	.wd-checkout-steps li span {
		padding: 5px 6px !important;
		font-size: 10px !important;
		max-width: 100px !important;
	}

	.wd-checkout-steps li:not(:last-child)::after {
		font-size: 10px !important;
		margin: 0 1px 0 2px !important;
	}

	.wd-page-title.page-title-default {
		padding: 10px 0 !important;
	}
}

/* ============================================
   CROSS-BROWSER COMPATIBILITY
   ============================================ */

/* Safari Specific Fixes */
@supports (-webkit-appearance: none) {
	.wd-checkout-steps li a,
	.wd-checkout-steps li span {
		-webkit-appearance: none !important;
		appearance: none !important;
		-webkit-tap-highlight-color: transparent !important;
	}
}

/* IE11 and Old Browsers Fallback */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.wd-checkout-steps {
		display: block !important;
	}

	.wd-checkout-steps li {
		display: inline-block !important;
		vertical-align: middle !important;
		margin-right: 8px !important;
	}

	.wd-checkout-steps li:not(:last-child)::after {
		content: '→' !important;
		display: inline-block !important;
		margin: 0 4px !important;
	}
}

/* Firefox Specific */
@-moz-document url-prefix() {
	.wd-checkout-steps li a,
	.wd-checkout-steps li span {
		-moz-appearance: none !important;
		appearance: none !important;
	}
}


/* ============================================
   DELIVERY SPEED & TIME CARDS - Force Green Colors
   (outline overrides inline style border)
   ============================================ */
.unf-speed-card.unf-speed-selected {
	outline: 2px solid #233E2A !important;
	outline-offset: -2px !important;
}
.unf-speed-card:hover {
	outline: 2px solid #233E2A !important;
	outline-offset: -2px !important;
}
.unf-speed-card.unf-speed-selected .unf-speed-radio {
	border-color: #233E2A !important;
	background: #233E2A !important;
}
.unf-time-card.unf-time-selected {
	outline: 2px solid #233E2A !important;
	outline-offset: -2px !important;
}
.unf-time-card:hover {
	outline: 2px solid #233E2A !important;
	outline-offset: -2px !important;
}
.unf-time-card.unf-time-selected .unf-time-icon {
	stroke: #233E2A !important;
}

/* Speed card icon containers - override inline color:#28462F */
.unf-speed-card > div:first-child {
	color: #233E2A !important;
}
.unf-speed-card > div:first-child svg {
	stroke: #233E2A !important;
}

/* ============================================
   INPUT FOCUS - Green border #233E2A
   ============================================ */
.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout input[type="number"]:focus,
.woocommerce-checkout input[type="password"]:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout .woocommerce-input-wrapper input:focus,
.woocommerce-checkout .woocommerce-input-wrapper select:focus,
.woocommerce-checkout .woocommerce-input-wrapper textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	border-color: #233E2A !important;
	box-shadow: 0 0 0 2px rgba(35,62,42,0.15) !important;
	outline: none !important;
}

/* WooCommerce validation - invalid field red override */
.woocommerce-checkout .woocommerce-invalid input:not(:focus),
.woocommerce-checkout .woocommerce-invalid select:not(:focus),
.woocommerce-checkout .woocommerce-invalid textarea:not(:focus) {
	border-color: #e2401c !important;
}