@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&family=Noto+Sans+Armenian:wght@100..900&display=swap");
:root {
--mgp-font-default: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
--mgp-font-armenian: "Noto Sans Armenian", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
html,
body,
button,
input,
select,
textarea,
optgroup {
font-family: var(--mgp-font-default) !important;
} :lang(hy),
:lang(hy) body,
:lang(hy) button,
:lang(hy) input,
:lang(hy) select,
:lang(hy) textarea,
:lang(hy) optgroup {
font-family: var(--mgp-font-armenian) !important;
} :lang(ru),
:lang(en) {
font-family: var(--mgp-font-default) !important;
}    #arca-pg-order-invoice,
.arca-pg#arca-pg-order-invoice,
div#arca-pg-order-invoice,
div#arca-pg-order-invoice.arca-pg,
.arca-pg#arca-pg-order-invoice.arca-pg {
max-width: 800px !important;
margin: 40px auto !important;
padding: 0 !important;
font-family: var(--mgp-font-default) !important;
background: #ffffff !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
overflow: hidden !important;
display: block !important;
position: relative !important;
} #arca-pg-order-invoice > h1:first-child,
#arca-pg-order-invoice h1:first-of-type,
.arca-pg#arca-pg-order-invoice > h1:first-child,
div#arca-pg-order-invoice.arca-pg > h1:first-child,
div#arca-pg-order-invoice > h1:first-child {
background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
padding: 40px !important;
margin: 0 !important;
color: #ffffff !important;
font-size: 32px !important;
font-weight: 700 !important;
letter-spacing: -0.5px !important;
position: relative !important;
display: block !important;
} #arca-pg-order-invoice > h1:first-child::after,
#arca-pg-order-invoice h1:first-of-type::after,
.arca-pg#arca-pg-order-invoice > h1:first-child::after,
div#arca-pg-order-invoice.arca-pg > h1:first-child::after,
div#arca-pg-order-invoice > h1:first-child::after {
content: "✓ Paid" !important;
position: absolute !important;
right: 40px !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
background: rgba(255, 255, 255, 0.2) !important;
padding: 10px 20px !important;
border-radius: 50px !important;
backdrop-filter: blur(10px) !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
white-space: nowrap !important;
} #arca-pg-order-invoice > p:first-of-type,
#arca-pg-order-invoice p:first-of-type,
.arca-pg#arca-pg-order-invoice > p:first-of-type,
div#arca-pg-order-invoice.arca-pg > p:first-of-type,
div#arca-pg-order-invoice > p:first-of-type {
padding: 40px !important;
margin: 0 !important;
color: #333333 !important;
line-height: 2 !important;
font-size: 15px !important;
background: #ffffff !important;
border-bottom: 2px solid #f0f0f0 !important;
display: block !important;
font-weight: 500 !important;
} #arca-pg-order-invoice > p:first-of-type br,
#arca-pg-order-invoice p:first-of-type br,
.arca-pg#arca-pg-order-invoice > p:first-of-type br,
div#arca-pg-order-invoice.arca-pg > p:first-of-type br,
div#arca-pg-order-invoice > p:first-of-type br {
display: block !important;
margin: 15px 0 !important;
content: "" !important;
} .arca-pg#arca-pg-order-invoice > p:first-of-type::after,
div#arca-pg-order-invoice.arca-pg > p:first-of-type::after {
content: "" !important;
display: block !important;
margin-top: 30px !important;
padding-top: 30px !important;
border-top: 2px solid #e8f5e9 !important;
} #arca-pg-order-invoice > p:last-of-type,
#arca-pg-order-invoice p:last-of-type,
.arca-pg#arca-pg-order-invoice > p:last-of-type,
div#arca-pg-order-invoice.arca-pg > p:last-of-type,
div#arca-pg-order-invoice > p:last-of-type {
background: #f8f9fa !important;
padding: 40px !important;
text-align: center !important;
border-top: 1px solid #e8e8e8 !important;
font-weight: 500 !important;
font-size: 16px !important;
color: #333333 !important;
line-height: 1.6 !important;
margin: 0 !important;
position: relative !important;
display: block !important;
} #arca-pg-order-invoice > p:last-of-type::before,
#arca-pg-order-invoice p:last-of-type::before,
.arca-pg#arca-pg-order-invoice > p:last-of-type::before,
div#arca-pg-order-invoice.arca-pg > p:last-of-type::before,
div#arca-pg-order-invoice > p:last-of-type::before {
content: "✓" !important;
display: block !important;
width: 60px !important;
height: 60px !important;
margin: 0 auto 20px !important;
background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #ffffff !important;
font-size: 30px !important;
font-weight: bold !important;
box-shadow: 0 4px 15px rgba(36, 122, 25, 0.3) !important;
line-height: 60px !important;
} .arca-pg#arca-pg-order-invoice,
div#arca-pg-order-invoice.arca-pg {
color: #333333 !important;
} @media (max-width: 768px) {
#arca-pg-order-invoice,
.arca-pg#arca-pg-order-invoice,
div#arca-pg-order-invoice.arca-pg,
div#arca-pg-order-invoice {
margin: 20px !important;
border-radius: 8px !important;
}
#arca-pg-order-invoice > h1:first-child,
#arca-pg-order-invoice h1:first-of-type,
.arca-pg#arca-pg-order-invoice > h1:first-child,
div#arca-pg-order-invoice.arca-pg > h1:first-child,
div#arca-pg-order-invoice > h1:first-child {
padding: 30px 20px !important;
font-size: 24px !important;
}
#arca-pg-order-invoice > h1:first-child::after,
#arca-pg-order-invoice h1:first-of-type::after,
.arca-pg#arca-pg-order-invoice > h1:first-child::after,
div#arca-pg-order-invoice.arca-pg > h1:first-child::after,
div#arca-pg-order-invoice > h1:first-child::after {
position: static !important;
transform: none !important;
margin-top: 15px !important;
display: inline-flex !important;
right: auto !important;
top: auto !important;
}
#arca-pg-order-invoice > p:first-of-type,
#arca-pg-order-invoice p:first-of-type,
.arca-pg#arca-pg-order-invoice > p:first-of-type,
div#arca-pg-order-invoice.arca-pg > p:first-of-type,
div#arca-pg-order-invoice > p:first-of-type {
padding: 30px 20px !important;
font-size: 14px !important;
}
#arca-pg-order-invoice > p:last-of-type,
#arca-pg-order-invoice p:last-of-type,
.arca-pg#arca-pg-order-invoice > p:last-of-type,
div#arca-pg-order-invoice.arca-pg > p:last-of-type,
div#arca-pg-order-invoice > p:last-of-type {
padding: 30px 20px !important;
font-size: 15px !important;
}
#arca-pg-order-invoice > p:last-of-type::before,
#arca-pg-order-invoice p:last-of-type::before,
.arca-pg#arca-pg-order-invoice > p:last-of-type::before,
div#arca-pg-order-invoice.arca-pg > p:last-of-type::before,
div#arca-pg-order-invoice > p:last-of-type::before {
width: 50px !important;
height: 50px !important;
font-size: 24px !important;
line-height: 50px !important;
}
} #arca-pg-order-invoice > p:first-of-type + p,
.arca-pg#arca-pg-order-invoice > p:first-of-type + p,
div#arca-pg-order-invoice.arca-pg > p:first-of-type + p,
div#arca-pg-order-invoice > p:first-of-type + p {
margin-top: 0 !important;
}  .woocommerce-account .woocommerce-MyAccount-navigation {
float: left !important;
width: 22% !important;
margin-right: 3% !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right !important;
width: 75% !important;
} .woocommerce-account::after {
content: "" !important;
display: table !important;
clear: both !important;
} .woocommerce-MyAccount-navigation {
background: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
padding: 20px 0 !important;
margin-bottom: 30px !important;
}
.woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-MyAccount-navigation li {
margin: 0 !important;
border-bottom: 1px solid #f0f0f0 !important;
}
.woocommerce-MyAccount-navigation li:last-child {
border-bottom: none !important;
} .woocommerce-MyAccount-navigation a {
display: block !important;
padding: 15px 25px !important;
color: #333333 !important;
text-decoration: none !important;
font-weight: 500 !important;
font-size: 15px !important;
transition: all 0.3s ease !important;
border-left: 3px solid transparent !important;
}
.woocommerce-MyAccount-navigation a:hover {
background: #f8f9fa !important;
color: #247a19 !important;
border-left-color: #247a19 !important;
padding-left: 30px !important;
} .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
color: #ffffff !important;
border-left-color: #1a5d14 !important;
font-weight: 600 !important;
} .woocommerce-MyAccount-navigation-link--customer-logout a {
color: #dc3545 !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
background: #fff5f5 !important;
color: #c82333 !important;
border-left-color: #dc3545 !important;
} .woocommerce-MyAccount-content {
background: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
padding: 40px !important;
} .woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
color: #247a19 !important;
font-weight: 700 !important;
margin-bottom: 20px !important;
} .woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content input.button {
background-color: #247a19 !important;
color: #ffffff !important;
border: none !important;
border-radius: 6px !important;
padding: 12px 24px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content input.button:hover {
background-color: #1a5d14 !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(36, 122, 25, 0.3) !important;
} .woocommerce a.checkout-button.button.alt.wc-forward,
.woocommerce-page a.checkout-button.button.alt.wc-forward,
body.woocommerce-cart a.checkout-button.button.alt.wc-forward {
background-color: #247a19 !important;
color: #ffffff !important;
border: none !important;
border-radius: 50px !important;
padding: 12px 24px !important;
font-weight: 500 !important;
text-decoration: none !important;
display: inline-block !important;
transition: all 0.3s ease !important;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover,
.woocommerce-page a.checkout-button.button.alt.wc-forward:hover,
body.woocommerce-cart a.checkout-button.button.alt.wc-forward:hover {
background-color: #1a5d14 !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(36, 122, 25, 0.3) !important;
color: #ffffff !important;
}
.woocommerce a.checkout-button.button.alt.wc-forward:focus,
.woocommerce a.checkout-button.button.alt.wc-forward:focus-visible {
outline: none !important;
box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.25), 0 4px 12px rgba(36, 122, 25, 0.3) !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content table {
border-collapse: collapse !important;
width: 100% !important;
margin: 20px 0 !important;
background: #ffffff !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead th {
background: rgba(36, 122, 25, 0.08) !important;
color: #247a19 !important;
font-weight: 600 !important;
padding: 15px !important;
text-align: left !important;
border-bottom: 2px solid #e8f5e9 !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td {
padding: 15px !important;
border-bottom: 1px solid #f0f0f0 !important;
font-size: 14px !important;
vertical-align: middle !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:hover {
background: #f8f9fa !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-number a,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-number a {
color: #247a19 !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-number a:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-number a:hover {
text-decoration: underline !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table__order-status,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status {
display: inline-block !important;
padding: 6px 12px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__order-status.status-completed,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status.status-completed {
background: #e8f5e9 !important;
color: #247a19 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__order-status.status-processing,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status.status-processing {
background: #fff3cd !important;
color: #856404 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__order-status.status-failed,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status.status-failed {
background: #f8d7da !important;
color: #721c24 !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-total,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-total {
color: #333333 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-total .woocommerce-Price-amount,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-total .woocommerce-Price-amount {
color: #247a19 !important;
font-weight: 700 !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions {
white-space: nowrap !important;
display: table-cell !important;
vertical-align: middle !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions *,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions *,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions *,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions * {
display: inline-block !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button {
display: inline-block !important;
margin: 2px 4px !important;
padding: 8px 16px !important;
font-size: 13px !important;
background: #247a19 !important;
color: #ffffff !important;
border: none !important;
border-radius: 5px !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
min-width: auto !important;
width: auto !important;
vertical-align: middle !important;
line-height: 1.4 !important;
float: none !important;
clear: none !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button:hover {
background: #1a5d14 !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 8px rgba(36, 122, 25, 0.3) !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a[href*="cancel"],
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a[href*="cancel"],
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a[href*="cancel"],
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a[href*="cancel"] {
background: #dc3545 !important;
color: #ffffff !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a[href*="cancel"]:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a[href*="cancel"]:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a[href*="cancel"]:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a[href*="cancel"]:hover {
background: #c82333 !important;
box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3) !important;
} .woocommerce-MyAccount-content .form-row input,
.woocommerce-MyAccount-content .form-row select,
.woocommerce-MyAccount-content .form-row textarea {
border: 1px solid #ddd !important;
border-radius: 6px !important;
padding: 12px !important;
transition: border-color 0.3s ease !important;
}
.woocommerce-MyAccount-content .form-row input:focus,
.woocommerce-MyAccount-content .form-row select:focus,
.woocommerce-MyAccount-content .form-row textarea:focus {
border-color: #247a19 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.1) !important;
} .woocommerce-MyAccount-content .woocommerce-Message {
background: #e8f5e9 !important;
border-left: 4px solid #247a19 !important;
padding: 15px 20px !important;
border-radius: 6px !important;
margin-bottom: 20px !important;
} @media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
}
.woocommerce-MyAccount-navigation {
margin-bottom: 20px !important;
}
.woocommerce-MyAccount-navigation a {
padding: 12px 20px !important;
font-size: 14px !important;
}
.woocommerce-MyAccount-content {
padding: 25px 20px !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table {
font-size: 14px !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead {
display: none !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr {
display: block !important;
margin-bottom: 15px !important;
border: 1px solid #f0f0f0 !important;
border-radius: 6px !important;
padding: 15px !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td {
display: block !important;
text-align: right !important;
padding: 8px 0 !important;
border-bottom: none !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td::before {
content: attr(data-title) ": " !important;
float: left !important;
font-weight: 600 !important;
color: #247a19 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions {
text-align: center !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button {
display: inline-block !important;
margin: 4px 2px !important;
width: auto !important;
}
}  .elementor .woocommerce-order {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
} .woocommerce-order {
padding: 24px !important;
font-family: inherit !important;
} .woocommerce-notice--success,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
background: rgba(36, 122, 25, 0.08) !important;
border: 1px solid rgba(36, 122, 25, 0.35) !important;
color: #247a19 !important;
padding: 16px 20px !important;
border-radius: 10px !important;
font-size: 16px !important;
font-weight: 600 !important;
margin-bottom: 28px !important;
} .woocommerce-order-overview,
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 50px !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 22px !important;
margin-bottom: 36px !important;
list-style: none !important;
}
.woocommerce ul.order_details li {
border-right: none !important;
}
.woocommerce-order-overview li {
list-style: none !important;
font-size: 14px !important;
color: #555 !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 1 auto !important;
}
.woocommerce-order-overview strong {
display: block !important;
margin-top: 6px !important;
font-size: 17px !important;
font-weight: 700 !important;
color: #111 !important;
} .woocommerce-order-overview__total strong,
.woocommerce-order-overview__total .woocommerce-Price-amount {
color: #247a19 !important;
font-size: 18px !important;
} .woocommerce-order-details__title,
.woocommerce-column__title {
font-size: 21px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
color: #247a19 !important;
} .woocommerce-table--order-details,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
width: 100% !important;
border-collapse: collapse !important;
background: #fff !important;
border-radius: 14px !important;
overflow: hidden !important;
border: 1px solid #e5e7eb !important;
margin-bottom: 36px !important;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
padding: 15px 18px !important;
font-size: 14px !important;
text-align: left !important;
}
.woocommerce-table--order-details thead th {
background: rgba(36, 122, 25, 0.06) !important;
font-weight: 700 !important;
color: #247a19 !important;
}
.woocommerce-table--order-details tbody tr {
border-top: 1px solid #e5e7eb !important;
}
.woocommerce-table--order-details tbody tr:first-child {
border-top: none !important;
}
.woocommerce-table--order-details tfoot th {
font-weight: 600 !important;
color: #444 !important;
}
.woocommerce-table--order-details tfoot td {
font-weight: 700 !important;
color: #247a19 !important;
} .woocommerce-table--order-details .product-name a,
.product-name a {
color: #111 !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.woocommerce-table--order-details .product-name a:hover,
.product-name a:hover {
color: #247a19 !important;
text-decoration: underline !important;
}
.product-quantity {
font-weight: 400 !important;
color: #666 !important;
} .woocommerce-Price-amount,
.woocommerce-Price-amount.amount {
font-weight: 700 !important;
color: #247a19 !important;
} .woocommerce-customer-details address {
background: rgba(36, 122, 25, 0.05) !important;
border: 1px solid rgba(36, 122, 25, 0.25) !important;
border-radius: 14px !important;
padding: 22px !important;
font-style: normal !important;
font-size: 14px !important;
line-height: 1.65 !important;
color: #333 !important;
margin: 0 !important;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin-top: 10px !important;
font-weight: 600 !important;
color: #247a19 !important;
}
.woocommerce-customer-details--phone {
margin-top: 12px !important;
} .woocommerce-order-details {
margin-bottom: 36px !important;
}
.woocommerce-customer-details {
margin-bottom: 36px !important;
} @media (max-width: 768px) {
.woocommerce-order {
padding: 16px !important;
}
.woocommerce-order-overview,
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
flex-direction: column !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 18px !important;
}
.woocommerce-table--order-details {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
padding: 12px !important;
font-size: 13px !important;
white-space: nowrap !important;
}
.woocommerce-table--order-details .product-name {
white-space: normal !important;
min-width: 150px !important;
}
.woocommerce-order-details__title,
.woocommerce-column__title {
font-size: 18px !important;
}
.woocommerce-customer-details address {
padding: 18px !important;
}
} @media (max-width: 480px) { #arca-pg-order-invoice > h1:first-child,
#arca-pg-order-invoice h1:first-of-type,
.arca-pg#arca-pg-order-invoice > h1:first-child,
div#arca-pg-order-invoice.arca-pg > h1:first-child,
div#arca-pg-order-invoice > h1:first-child {
padding: 20px 15px !important;
font-size: 20px !important;
}
#arca-pg-order-invoice > p:first-of-type,
#arca-pg-order-invoice p:first-of-type,
.arca-pg#arca-pg-order-invoice > p:first-of-type,
div#arca-pg-order-invoice.arca-pg > p:first-of-type,
div#arca-pg-order-invoice > p:first-of-type {
padding: 20px 15px !important;
font-size: 13px !important;
}
#arca-pg-order-invoice > p:last-of-type,
#arca-pg-order-invoice p:last-of-type,
.arca-pg#arca-pg-order-invoice > p:last-of-type,
div#arca-pg-order-invoice.arca-pg > p:last-of-type,
div#arca-pg-order-invoice > p:last-of-type {
padding: 20px 15px !important;
font-size: 14px !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button {
font-size: 12px !important;
padding: 6px 12px !important;
margin: 2px !important;
} .woocommerce-order {
padding: 12px !important;
}
.woocommerce-order-overview,
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
padding: 15px !important;
gap: 10px !important;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
padding: 10px 8px !important;
font-size: 12px !important;
}
.woocommerce-order-details__title,
.woocommerce-column__title {
font-size: 16px !important;
}
.woocommerce-customer-details address {
padding: 15px !important;
font-size: 13px !important;
} .woocommerce-EditAccountForm,
form.edit-account {
padding: 20px 15px !important;
}
.woocommerce-EditAccountForm .button,
.woocommerce-EditAccountForm button,
.woocommerce-EditAccountForm input[type="submit"],
form.edit-account .button,
form.edit-account button,
form.edit-account input[type="submit"] {
padding: 12px 20px !important;
font-size: 14px !important;
}
}  .woocommerce-EditAccountForm,
form.edit-account {
background: #ffffff !important;
border-radius: 8px !important;
padding: 40px !important;
} .woocommerce-EditAccountForm .form-row,
form.edit-account .form-row {
margin-bottom: 25px !important;
}
.woocommerce-EditAccountForm .form-row label,
form.edit-account .form-row label {
display: block !important;
margin-bottom: 8px !important;
color: #333333 !important;
font-weight: 600 !important;
font-size: 14px !important;
}
.woocommerce-EditAccountForm .form-row .required,
form.edit-account .form-row .required {
color: #dc3545 !important;
} .woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="tel"],
.woocommerce-EditAccountForm input[type="password"],
form.edit-account input[type="text"],
form.edit-account input[type="email"],
form.edit-account input[type="tel"],
form.edit-account input[type="password"] {
width: 100% !important;
padding: 12px 15px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 6px !important;
font-size: 15px !important;
color: #333333 !important;
transition: all 0.3s ease !important;
background: #ffffff !important;
}
.woocommerce-EditAccountForm input[type="text"]:focus,
.woocommerce-EditAccountForm input[type="email"]:focus,
.woocommerce-EditAccountForm input[type="tel"]:focus,
.woocommerce-EditAccountForm input[type="password"]:focus,
form.edit-account input[type="text"]:focus,
form.edit-account input[type="email"]:focus,
form.edit-account input[type="tel"]:focus,
form.edit-account input[type="password"]:focus {
border-color: #247a19 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.1) !important;
} .woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last,
form.edit-account .form-row-first,
form.edit-account .form-row-last {
width: 48% !important;
display: inline-block !important;
vertical-align: top !important;
}
.woocommerce-EditAccountForm .form-row-first,
form.edit-account .form-row-first {
margin-right: 4% !important;
}
.woocommerce-EditAccountForm .form-row-wide,
form.edit-account .form-row-wide {
width: 100% !important;
display: block !important;
} .woocommerce-EditAccountForm fieldset,
form.edit-account fieldset {
border: 2px solid #e8f5e9 !important;
border-radius: 8px !important;
padding: 25px !important;
margin: 30px 0 !important;
background: #f8f9fa !important;
}
.woocommerce-EditAccountForm fieldset legend,
form.edit-account fieldset legend {
color: #247a19 !important;
font-weight: 700 !important;
font-size: 18px !important;
padding: 0 15px !important;
margin-bottom: 20px !important;
} .woocommerce-EditAccountForm fieldset:has(legend:contains("Additional information")),
form.edit-account fieldset:has(legend:contains("Additional information")) {
border-color: #e8f5e9 !important;
background: #f8f9fa !important;
} .woocommerce-EditAccountForm fieldset:has(legend:contains("Password change")),
form.edit-account fieldset:has(legend:contains("Password change")) {
border-color: #fff3cd !important;
background: #fffbf0 !important;
}
.woocommerce-EditAccountForm fieldset:has(legend:contains("Password change")) legend,
form.edit-account fieldset:has(legend:contains("Password change")) legend {
color: #856404 !important;
} .woocommerce-EditAccountForm em,
.woocommerce-EditAccountForm #account_display_name_description,
form.edit-account em,
form.edit-account #account_display_name_description {
color: #666666 !important;
font-size: 13px !important;
font-style: italic !important;
margin-top: 5px !important;
display: block !important;
} .woocommerce-EditAccountForm .button,
.woocommerce-EditAccountForm button,
.woocommerce-EditAccountForm input[type="submit"],
form.edit-account .button,
form.edit-account button,
form.edit-account input[type="submit"] {
background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 6px !important;
padding: 14px 30px !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
margin-top: 20px !important;
display: inline-block !important;
}
.woocommerce-EditAccountForm .button:hover,
.woocommerce-EditAccountForm button:hover,
.woocommerce-EditAccountForm input[type="submit"]:hover,
form.edit-account .button:hover,
form.edit-account button:hover,
form.edit-account input[type="submit"]:hover {
background: linear-gradient(135deg, #1a5d14 0%, #247a19 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(36, 122, 25, 0.3) !important;
} .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error,
.woocommerce-MyAccount-content .woocommerce-info {
padding: 15px 20px !important;
border-radius: 6px !important;
margin-bottom: 20px !important;
border-left: 4px solid !important;
}
.woocommerce-MyAccount-content .woocommerce-message {
background: #e8f5e9 !important;
border-left-color: #247a19 !important;
color: #1a5d14 !important;
}
.woocommerce-MyAccount-content .woocommerce-error {
background: #fff5f5 !important;
border-left-color: #dc3545 !important;
color: #c82333 !important;
}
.woocommerce-MyAccount-content .woocommerce-info {
background: #e7f3ff !important;
border-left-color: #0066cc !important;
color: #004499 !important;
} .woocommerce-EditAccountForm .clear,
form.edit-account .clear {
clear: both !important;
height: 0 !important;
line-height: 0 !important;
} @media (max-width: 768px) {
.woocommerce-EditAccountForm,
form.edit-account {
padding: 25px 20px !important;
}
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last,
form.edit-account .form-row-first,
form.edit-account .form-row-last {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
.woocommerce-EditAccountForm fieldset,
form.edit-account fieldset {
padding: 20px 15px !important;
margin: 20px 0 !important;
}
.woocommerce-EditAccountForm fieldset legend,
form.edit-account fieldset legend {
font-size: 16px !important;
}
.woocommerce-EditAccountForm .button,
.woocommerce-EditAccountForm button,
.woocommerce-EditAccountForm input[type="submit"],
form.edit-account .button,
form.edit-account button,
form.edit-account input[type="submit"] {
width: 100% !important;
padding: 12px 24px !important;
}
} .wpml-dropdown-wrapper {
position: relative !important;
display: inline-block !important;
width: auto !important;
}
.wpml-dropdown-wrapper select {
width: 100% !important;
padding: 10px 35px 10px 15px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #333333 !important;
background: #ffffff !important;
border: 2px solid #e0e0e0 !important;
border-radius: 50px !important;
cursor: pointer !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23247a19' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
background-size: 12px !important;
transition: all 0.3s ease !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
.wpml-dropdown-wrapper select:hover {
border-color: #247a19 !important;
box-shadow: 0 2px 8px rgba(36, 122, 25, 0.15) !important;
}
.wpml-dropdown-wrapper select:focus {
outline: none !important;
border-color: #247a19 !important;
box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.1) !important;
}
.wpml-dropdown-wrapper select option {
padding: 10px 15px !important;
background: #ffffff !important;
color: #333333 !important;
font-size: 14px !important;
}
.wpml-dropdown-wrapper select option:checked {
background: #247a19 !important;
color: #ffffff !important;
font-weight: 600 !important;
}
.wpml-dropdown-wrapper select option:hover {
background: #f0f7ef !important;
} @media (max-width: 768px) {
.wpml-dropdown-wrapper {
min-width: 100px !important;
width: 100% !important;
max-width: 200px !important;
}
.wpml-dropdown-wrapper select {
padding: 8px 30px 8px 12px !important;
font-size: 13px !important;
background-position: right 10px center !important;
}
}
@media (max-width: 480px) {
.wpml-dropdown-wrapper {
min-width: 90px !important;
max-width: 150px !important;
}
.wpml-dropdown-wrapper select {
padding: 7px 28px 7px 10px !important;
font-size: 12px !important;
}
} #mgp_tree_names,
textarea[name="mgp_tree_names"],
.woocommerce-billing-fields textarea#mgp_tree_names,
.woocommerce-billing-fields textarea[name="mgp_tree_names"] {
min-height: 100px !important;
height: 100px !important;
} #order_comments,
textarea[name="order_comments"],
.woocommerce-additional-fields textarea#order_comments,
.woocommerce-additional-fields textarea[name="order_comments"] {
min-height: 100px !important;
height: 100px !important;
}
@media (max-width: 768px) {
#mgp_tree_names,
textarea[name="mgp_tree_names"],
.woocommerce-billing-fields textarea#mgp_tree_names,
.woocommerce-billing-fields textarea[name="mgp_tree_names"] {
min-height: 100px !important;
height: 100px !important;
}
}