{"id":1070,"date":"2025-10-16T11:23:49","date_gmt":"2025-10-16T11:23:49","guid":{"rendered":"https:\/\/maveron-fashion.eu\/?page_id=1070"},"modified":"2026-05-13T16:16:49","modified_gmt":"2026-05-13T16:16:49","slug":"moj-racun","status":"publish","type":"page","link":"https:\/\/maveron-fashion.eu\/hr\/moj-racun\/","title":{"rendered":"Moj ra\u010dun"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1070\" class=\"elementor elementor-1070\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-250c21e e-con-full e-flex e-con e-parent\" data-id=\"250c21e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd83556 elementor-widget elementor-widget-html\" data-id=\"cd83556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAVERON Fashion - Moj ra\u010dun (WooCommerce Integration) -->\r\n<!-- Prilepi ta HTML v WordPress stran za ra\u010dun -->\r\n\r\n<div class=\"maveron-account-page-wrapper\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n.maveron-account-page-wrapper {\r\n  --maveron-primary: #dcb14a;\r\n  --maveron-primary-hover: #c29d40;\r\n  --maveron-bg: #fcfcfc;\r\n  --maveron-card-bg: #ffffff;\r\n  --maveron-text: #1a1a1a;\r\n  --maveron-text-muted: #6b7280;\r\n  --maveron-border: #f3f4f6;\r\n  --maveron-radius: 12px;\r\n\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n  color: var(--maveron-text);\r\n  background-color: var(--maveron-bg);\r\n  line-height: 1.5;\r\n  width: 100%;\r\n  padding: 40px 0 80px;\r\n}\r\n\r\n.maveron-account-page-wrapper .maveron-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n\/* Page title *\/\r\n.maveron-account-page-wrapper .account-header-info {\r\n  margin-bottom: 32px;\r\n}\r\n.maveron-account-page-wrapper .account-header-info h1 {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin: 0 0 6px 0;\r\n  color: var(--maveron-text);\r\n}\r\n.maveron-account-page-wrapper .account-header-info p {\r\n  margin: 0;\r\n  color: var(--maveron-text-muted);\r\n  font-size: 14px;\r\n}\r\n\r\n\/* Grid reset for Woo pseudo elements *\/\r\n.maveron-account-page-wrapper .woocommerce::before,\r\n.maveron-account-page-wrapper .woocommerce::after,\r\n.maveron-account-page-wrapper .u-columns::before,\r\n.maveron-account-page-wrapper .u-columns::after,\r\n.maveron-account-page-wrapper .col2-set::before,\r\n.maveron-account-page-wrapper .col2-set::after {\r\n  display: none !important;\r\n  content: none !important;\r\n}\r\n\r\n\/* Layout *\/\r\n.maveron-account-page-wrapper .woocommerce {\r\n  display: block; \/* Default to block for login\/register *\/\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  \/* Only apply grid layout if navigation is present *\/\r\n  .maveron-account-page-wrapper .woocommerce:has(.woocommerce-MyAccount-navigation) {\r\n    display: grid !important;\r\n    grid-template-columns: 280px 1fr !important;\r\n    gap: 32px;\r\n    align-items: start;\r\n  }\r\n\r\n  .maveron-account-page-wrapper .woocommerce-MyAccount-navigation {\r\n    grid-column: 1 !important;\r\n  }\r\n\r\n  .maveron-account-page-wrapper .woocommerce-MyAccount-content {\r\n    grid-column: 2 !important;\r\n  }\r\n}\r\n\r\n\/* Navigation *\/\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation {\r\n  background: var(--maveron-card-bg);\r\n  border: 1px solid var(--maveron-border);\r\n  border-radius: var(--maveron-radius);\r\n  overflow: hidden;\r\n  padding: 0 !important;\r\n  width: 100% !important;\r\n  float: none !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation ul {\r\n  list-style: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation li {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border-bottom: 1px solid var(--maveron-border);\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation li:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation li a {\r\n  display: block;\r\n  padding: 16px 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: var(--maveron-text) !important;\r\n  text-decoration: none !important;\r\n  transition: all 0.2s ease;\r\n  border-left: 3px solid transparent;\r\n  background: transparent;\r\n}\r\n\r\n\/* Hover *\/\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation li:hover a {\r\n  background: #faf7ee;\r\n  color: var(--maveron-primary) !important;\r\n}\r\n\r\n\/* Active *\/\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation li.is-active a {\r\n  background: #faf7ee;\r\n  color: var(--maveron-primary) !important;\r\n  border-left-color: var(--maveron-primary);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Content *\/\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-content {\r\n  background: var(--maveron-card-bg);\r\n  border: 1px solid var(--maveron-border);\r\n  border-radius: var(--maveron-radius);\r\n  padding: 32px !important;\r\n  width: 100% !important;\r\n  float: none !important;\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* Tables *\/\r\n.maveron-account-page-wrapper table.shop_table_responsive {\r\n  border: none !important;\r\n  margin-top: 20px;\r\n}\r\n\r\n.maveron-account-page-wrapper table.shop_table_responsive thead {\r\n  display: table-header-group !important;\r\n  background: var(--maveron-bg);\r\n}\r\n\r\n.maveron-account-page-wrapper table.shop_table_responsive th {\r\n  padding: 12px 16px !important;\r\n  font-weight: 700 !important;\r\n  color: var(--maveron-text-muted) !important;\r\n  text-transform: uppercase;\r\n  font-size: 12px;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.maveron-account-page-wrapper table.shop_table_responsive td {\r\n  padding: 16px !important;\r\n  vertical-align: middle;\r\n  border-bottom: 1px solid var(--maveron-border);\r\n}\r\n\r\n\/* Buttons *\/\r\n.maveron-account-page-wrapper .woocommerce .button,\r\n.maveron-account-page-wrapper .woocommerce-Button,\r\n.maveron-account-page-wrapper .woocommerce a.button,\r\n.maveron-account-page-wrapper .woocommerce button.button,\r\n.maveron-account-page-wrapper .woocommerce input.button {\r\n  background-color: var(--maveron-text) !important;\r\n  color: #fff !important;\r\n  padding: 10px 20px !important;\r\n  border-radius: 8px !important;\r\n  font-weight: 700 !important;\r\n  text-decoration: none !important;\r\n  transition: all 0.2s !important;\r\n  border: none !important;\r\n  display: inline-block !important;\r\n  cursor: pointer !important;\r\n  font-size: 14px !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce .button:hover,\r\n.maveron-account-page-wrapper .woocommerce-Button:hover,\r\n.maveron-account-page-wrapper .woocommerce a.button:hover,\r\n.maveron-account-page-wrapper .woocommerce button.button:hover,\r\n.maveron-account-page-wrapper .woocommerce input.button:hover {\r\n  background-color: var(--maveron-primary) !important;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* Notices full width *\/\r\n.maveron-account-page-wrapper .woocommerce-notices-wrapper,\r\n.maveron-account-page-wrapper .woocommerce-message,\r\n.maveron-account-page-wrapper .woocommerce-error,\r\n.maveron-account-page-wrapper .woocommerce-info {\r\n  grid-column: 1 \/ -1 !important;\r\n  margin-bottom: 24px !important;\r\n  width: 100% !important;\r\n}\r\n\r\n\/* Forms *\/\r\n.maveron-account-page-wrapper .woocommerce-EditAccountForm fieldset {\r\n  margin-top: 30px;\r\n  padding: 20px;\r\n  border: 1px solid var(--maveron-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.maveron-account-page-wrapper form .woocommerce-form-row label,\r\n.maveron-account-page-wrapper .woocommerce-form-row label {\r\n  display: block;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n  color: var(--maveron-text);\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-Input,\r\n.maveron-account-page-wrapper .input-text,\r\n.maveron-account-page-wrapper select,\r\n.maveron-account-page-wrapper textarea {\r\n  width: 100% !important;\r\n  padding: 14px 18px !important;\r\n  border: 1.5px solid #eee !important;\r\n  border-radius: 10px !important;\r\n  font-size: 14px !important;\r\n  outline: none !important;\r\n  background: #fff;\r\n  transition: all 0.2s ease;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-Input:focus,\r\n.maveron-account-page-wrapper .input-text:focus,\r\n.maveron-account-page-wrapper select:focus,\r\n.maveron-account-page-wrapper textarea:focus {\r\n  border-color: var(--maveron-primary) !important;\r\n  background: #fff;\r\n  box-shadow: 0 0 0 4px rgba(220, 177, 74, 0.1) !important;\r\n}\r\n\r\n\/* Login and Register Form Specifics *\/\r\n.maveron-account-page-wrapper .u-columns.col2-set {\r\n  background: white;\r\n  padding: 48px;\r\n  border-radius: var(--maveron-radius);\r\n  border: 1px solid var(--maveron-border);\r\n  box-shadow: 0 10px 40px -10px rgba(0,0,0,0.04);\r\n  max-width: 1000px;\r\n  margin: 0 auto !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .u-column1 h2,\r\n.maveron-account-page-wrapper .u-column2 h2 {\r\n  font-size: 28px !important;\r\n  font-weight: 800 !important;\r\n  margin: 0 0 28px 0 !important;\r\n  letter-spacing: -0.03em !important;\r\n  color: var(--maveron-text);\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-form-login,\r\n.maveron-account-page-wrapper .woocommerce-form-register {\r\n  border: none !important;\r\n  padding: 0 !important;\r\n  background: transparent !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-form-login__rememberme {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  margin: 20px 0 !important;\r\n  font-weight: 500 !important;\r\n  font-size: 13px !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-form-login__rememberme input {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  margin: 0 !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-LostPassword {\r\n  margin-top: 15px !important;\r\n  display: block;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-LostPassword a {\r\n  font-size: 13px;\r\n  color: var(--maveron-text-muted) !important;\r\n  text-decoration: underline !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-LostPassword a:hover {\r\n  color: var(--maveron-primary) !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-form-login button.button,\r\n.maveron-account-page-wrapper .woocommerce-form-register button.button {\r\n  width: 100% !important;\r\n  padding: 16px !important;\r\n  font-size: 15px !important;\r\n  letter-spacing: 0.02em !important;\r\n  text-transform: none !important;\r\n}\r\n\r\n\/* Addresses grid fixes *\/\r\n.maveron-account-page-wrapper .u-columns,\r\n.maveron-account-page-wrapper .col2-set {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 24px !important;\r\n  float: none !important;\r\n  width: 100% !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .maveron-account-page-wrapper .u-columns,\r\n  .maveron-account-page-wrapper .col2-set {\r\n    grid-template-columns: 1fr 1fr !important;\r\n  }\r\n}\r\n\r\n\/* Remove Woo floats widths *\/\r\n.maveron-account-page-wrapper .woocommerce-Address,\r\n.maveron-account-page-wrapper .col-1,\r\n.maveron-account-page-wrapper .col-2 {\r\n  float: none !important;\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n  background: var(--maveron-bg);\r\n  padding: 24px;\r\n  border-radius: 10px;\r\n  border: 1px solid var(--maveron-border);\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-Address-title h3 {\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  margin-bottom: 12px !important;\r\n}\r\n\r\n\/* Welcome text *\/\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-content p {\r\n  margin-bottom: 20px;\r\n  color: var(--maveron-text);\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-content p strong {\r\n  color: var(--maveron-primary);\r\n}\r\n\r\n\/* Empty State \/ Notices *\/\r\n.maveron-account-page-wrapper .woocommerce-info,\r\n.maveron-account-page-wrapper .woocommerce-message {\r\n  background: #f8fafc !important;\r\n  border: 1px solid #e2e8f0 !important;\r\n  border-left: 4px solid var(--maveron-primary) !important;\r\n  padding: 20px 30px !important;\r\n  border-radius: var(--maveron-radius) !important;\r\n  font-size: 14px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 15px !important;\r\n  color: var(--maveron-text) !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-info::before,\r\n.maveron-account-page-wrapper .woocommerce-message::before,\r\n.maveron-account-page-wrapper .woocommerce-info::after,\r\n.maveron-account-page-wrapper .woocommerce-message::after,\r\n.maveron-account-page-wrapper .woocommerce-info i,\r\n.maveron-account-page-wrapper .woocommerce-info svg,\r\n.maveron-account-page-wrapper .woocommerce-message i,\r\n.maveron-account-page-wrapper .woocommerce-message svg {\r\n  display: none !important;\r\n  content: none !important;\r\n  visibility: hidden !important;\r\n  opacity: 0 !important;\r\n  width: 0 !important;\r\n  height: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.maveron-account-page-wrapper .woocommerce-MyAccount-navigation ul::after {\r\n  content: '';\r\n  display: block;\r\n  border-top: 1px solid var(--maveron-border);\r\n  margin-top: 10px;\r\n  padding-top: 10px;\r\n}\r\n\r\n\/* Custom Returns Link in sidebar if handled via JS or manually added *\/\r\n.maveron-account-page-wrapper .custom-returns-link {\r\n  border-top: 1px solid var(--maveron-border) !important;\r\n  margin-top: 10px;\r\n}\r\n.maveron-account-page-wrapper .custom-returns-link a {\r\n  color: var(--maveron-primary) !important;\r\n  font-weight: 700 !important;\r\n}\r\n  @media (max-width: 767px) {\r\n    .maveron-account-page-wrapper .u-columns.col2-set {\r\n      padding: 32px 20px;\r\n    }\r\n    .maveron-account-page-wrapper .u-column1,\r\n    .maveron-account-page-wrapper .u-column2 {\r\n      margin-bottom: 40px !important;\r\n    }\r\n    .maveron-account-page-wrapper .u-column2 {\r\n      margin-bottom: 0 !important;\r\n      padding-top: 40px;\r\n      border-top: 1px solid var(--maveron-border);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"maveron-container\">\r\n  <div class=\"account-header-info\">\r\n    <h1>Moj ra\u010dun<\/h1>\r\n    <p>Upravljajte svojim profilom i narud\u017ebama.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"woocommerce\"><\/div>\r\n\r\n  <div class=\"account-quick-links\" style=\"margin-top: 40px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;\">\r\n    <a href=\"\/hr\/vracila-in-reklamacije\/\" style=\"display: flex; align-items: center; gap: 10px; padding: 15px; background: white; border: 1px solid var(--maveron-border); border-radius: var(--maveron-radius); text-decoration: none; color: var(--maveron-text); font-weight: 600; font-size: 14px; transition: all 0.2s;\">\r\n      <span style=\"color: var(--maveron-primary);\">\u21ba<\/span> Povrati i reklamacije\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Moj ra\u010dun Upravljajte s svojim profilom in naro\u010dili. \u21ba Vra\u010dila in reklamacije<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1070","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/pages\/1070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/comments?post=1070"}],"version-history":[{"count":86,"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/pages\/1070\/revisions"}],"predecessor-version":[{"id":12216,"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/pages\/1070\/revisions\/12216"}],"wp:attachment":[{"href":"https:\/\/maveron-fashion.eu\/hr\/wp-json\/wp\/v2\/media?parent=1070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}