{"id":1928,"date":"2024-11-01T22:49:45","date_gmt":"2024-11-01T22:49:45","guid":{"rendered":"http:\/\/preem3d.local\/fiokom\/"},"modified":"2026-04-02T20:42:43","modified_gmt":"2026-04-02T20:42:43","slug":"fiokom","status":"publish","type":"page","link":"https:\/\/old.preem3d.com\/en\/fiokom\/","title":{"rendered":"Fi\u00f3kom"},"content":{"rendered":"<style>.kadence-column1928_50d504-47 > .kt-inside-inner-col,.kadence-column1928_50d504-47 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1928_50d504-47 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1928_50d504-47 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1928_50d504-47 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1928_50d504-47 > .kt-inside-inner-col{background-color:var(--global-palette8, #F7FAFC);}.kadence-column1928_50d504-47 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1928_50d504-47{position:relative;}@media all and (max-width: 1024px){.kadence-column1928_50d504-47 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1928_50d504-47 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1928_50d504-47\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-spacer.kt-block-spacer-1928_f4511c-30 .kt-block-spacer{height:100px;}.wp-block-kadence-spacer.kt-block-spacer-1928_f4511c-30 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-1928_f4511c-30\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column1928_079640-5c > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column1928_079640-5c > .kt-inside-inner-col,.kadence-column1928_079640-5c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1928_079640-5c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1928_079640-5c > .kt-inside-inner-col{flex-direction:column;}.kadence-column1928_079640-5c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1928_079640-5c > .kt-inside-inner-col{background-color:var(--global-palette8, #F7FAFC);}.kadence-column1928_079640-5c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1928_079640-5c{position:relative;}@media all and (max-width: 1024px){.kadence-column1928_079640-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1928_079640-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}\/* --- PREEM3D LOGIN LAYOUT FIX (FLEXBOX) --- *\/\/* 1. Force Side-by-Side Layout *\/#customer_login.u-columns.col2-set {    display: flex !important; \/* Force Flexbox *\/    flex-wrap: wrap !important;    gap: 40px; \/* Space between cards *\/    width: 100%;    margin-bottom: 50px;}\/* 2. Style the Two Cards *\/#customer_login .u-column1, #customer_login .u-column2 {    flex: 1 1 45%; \/* Each takes roughly half *\/    min-width: 320px; \/* Don't get too skinny *\/    width: auto !important; \/* Reset conflicting widths *\/    float: none !important; \/* Kill the old floats *\/        \/* The Card Look *\/    background: #ffffff;    padding: 30px; \/* Reduced padding slightly *\/    border-radius: 12px;    border: 1px solid #eaeaea;    box-shadow: 0 4px 15px rgba(0,0,0,0.03);}\/* 3. Inputs: Keep them nice but slightly more compact *\/#customer_login input.input-text {    padding: 10px 15px !important; \/* Slightly tighter than before *\/    border-radius: 6px;    border: 1px solid #ddd;    background-color: #fcfcfc;    min-height: 45px; \/* Ensure they aren't too thin *\/}#customer_login input.input-text:focus {    background-color: #fff;    border-color: #6B4C9A;    box-shadow: 0 0 0 3px rgba(107, 76, 154, 0.1);    outline: none;}\/* 4. Buttons: Full width and Purple *\/#customer_login button.button {    width: 100% !important;    display: block;    margin-top: 10px;    padding: 12px;    background-color: #6B4C9A;    color: white;    font-weight: 700;    border-radius: 6px;    border: none;    text-transform: uppercase;}#customer_login button.button:hover {    background-color: #533a7a;    transform: translateY(-1px);}\/* 5. Headers: Clean up the titles *\/#customer_login h2 {    margin-top: 0;    margin-bottom: 20px;    font-size: 22px;    font-weight: 700;    color: #222;    border-bottom: 2px solid #f0f0f0;    padding-bottom: 10px;}\/* 6. Mobile: Stack them nicely *\/@media (max-width: 768px) {    #customer_login.u-columns.col2-set {        flex-direction: column;        gap: 20px;    }    #customer_login .u-column1,     #customer_login .u-column2 {        width: 100% !important;    }}\/* --- BUTTON & CHECKBOX FIX --- *\/\/* 1. Target the paragraph holding both elements *\/#customer_login .login .form-row:last-of-type {    display: flex;    flex-direction: column; \/* Force vertical stacking *\/    gap: 15px;}\/* 2. Order them: Button First, Checkbox Second (Modern flow) *\/\/* Or remove the 'order' lines if you want Checkbox on top *\/#customer_login button[name=\"login\"] {    order: 1; \/* Button at top *\/    width: 100%;    margin-top: 0;}#customer_login .woocommerce-form-login__rememberme {    order: 2; \/* Checkbox below button *\/    margin: 0 !important;    justify-content: center; \/* Center it nicely *\/}\/* 3. Style the \"Lost Password\" link to sit below everything *\/.woocommerce-LostPassword {    text-align: center;    margin-top: 15px;    display: block;    width: 100%;}\/* --- FORCE VERTICAL STACK (LEFT ALIGNED & SPACED) --- *\/\/* 1. Reset the \"Remember Me\" container *\/#customer_login .woocommerce-form-login__rememberme {    float: none !important;    display: flex !important;    align-items: center;          \/* Vertically center the box and text *\/    justify-content: flex-start !important; \/* LEFT ALIGN *\/    width: 100% !important;    margin-bottom: 15px !important;    order: 0;                     \/* Ensure it stays above button *\/}\/* 2. Add the Horizontal Gap *\/#customer_login .woocommerce-form-login__rememberme input {    margin-right: 10px !important; \/* The gap you wanted *\/    margin-top: 0 !important;      \/* Fix alignment *\/}\/* 3. Reset the \"Login\" Button *\/#customer_login button[name=\"login\"] {    float: none !important;    width: 100% !important;    display: block !important;    margin-top: 0 !important;}\/* 4. Reset Container *\/#customer_login .login .form-row {    display: block !important;}\/* 5. Fix \"Lost Password\" Link *\/.woocommerce-LostPassword {    margin-top: 20px !important;    text-align: left; \/* Aligns this left too (optional) *\/    font-size: 14px;    color: #6B4C9A;}\/* --- CLEAN WHITE CARDS (No Borders\/Tints) --- *\/#customer_login .u-column1, #customer_login .u-column2 {    \/* Force Pure White Background *\/    background-color: #ffffff !important;         \/* Remove the border completely *\/    border: none !important;         \/* Soft, premium shadow instead of border *\/    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;         \/* Keep layout props *\/    flex: 1 1 45%;    min-width: 320px;    padding: 40px;    border-radius: 12px;}\/* Optional: Make the page background slightly off-white to let cards pop *\/.woocommerce-account .content-bg {    background-color: #f6f7fa !important;}.woocommerce form.login, .woocommerce form.register {  background-color: transparent !important;  border: none !important;  box-shadow: none !important;}\/* --- PREEM3D LOST PASSWORD CARD --- *\/\/* 1. Create the Centered White Card *\/form.woocommerce-ResetPassword {    background-color: #ffffff;    max-width: 500px;           \/* Limit width for a nice card look *\/    margin: 40px auto;          \/* Center horizontally *\/    padding: 40px;    border-radius: 12px;    box-shadow: 0 10px 40px rgba(0,0,0,0.08); \/* Match your Login shadow *\/    border: none;}\/* 2. FIX THE 47% WIDTH ISSUE *\/\/* This overrides the default \"First Field\" float behavior *\/.woocommerce-ResetPassword .form-row,.woocommerce-ResetPassword .form-row-first {    width: 100% !important;    float: none !important;    display: block !important;    margin-right: 0 !important;}\/* 3. Style the Input Field (Match Login) *\/.woocommerce-ResetPassword .input-text {    background-color: #fcfcfc;    border: 1px solid #ddd;    border-radius: 6px;    padding: 12px 15px !important;    font-size: 15px;    color: #333;    width: 100% !important; \/* Double ensure full width *\/}.woocommerce-ResetPassword .input-text:focus {    background-color: #fff;    border-color: #6B4C9A;    box-shadow: 0 0 0 3px rgba(107, 76, 154, 0.1);    outline: none;}\/* 4. Style the Button (Match Login) *\/.woocommerce-ResetPassword button[value=\"\u00daj jelsz\u00f3 ig\u00e9nyl\u00e9se\"] {    width: 100%;    margin-top: 20px;    padding: 15px;    background-color: #6B4C9A;    color: white;    font-weight: 700;    text-transform: uppercase;    border-radius: 6px;    border: none;    transition: background 0.2s ease;}.woocommerce-ResetPassword button[value=\"\u00daj jelsz\u00f3 ig\u00e9nyl\u00e9se\"]:hover {    background-color: #533a7a;    transform: translateY(-1px);}\/* 5. Style the Explainer Text *\/.woocommerce-ResetPassword p:first-child {    margin-bottom: 25px;    color: #666;    line-height: 1.6;    text-align: center;}\/* Hide the default \"Hello User\" text on My Account page *\/.woocommerce-notices-wrapper > p:first-child {    display: none !important;}\/* Hide paragraphs that sit directly before the Icon Grid *\/\/* This ensures we only hide text on the Dashboard, not on Orders\/Downloads *\/.woocommerce-MyAccount-content > p:has(+ .wcmtx-my-account-links),.woocommerce-MyAccount-content > p:has(+ p + .wcmtx-my-account-links) {    display: none;}\/* --- PREEM3D DASHBOARD CARDS --- *\/\/* 1. The Grid Layout (Container) *\/\/* Forces items into a responsive 3-column grid *\/.wcmtx-my-account-links.wcmtx-grid {    display: grid !important;    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));    gap: 25px;    margin-top: 0px;    margin-bottom: 40px;}\/* Remove default plugin styling that might interfere *\/.wcmamtx_dashboard_link {    width: 100% !important;    margin: 0 !important;    padding: 0 !important;    float: none !important;    border: none !important;}\/* 2. The Card Design (The Link itself) *\/.wcmamtx_dashboard_link a {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    background: #ffffff;    padding: 40px 20px;    border-radius: 16px; \/* Smooth modern corners *\/    border: 1px solid #f0f0f0;    box-shadow: 0 10px 30px rgba(0,0,0,0.03); \/* Soft shadow *\/    text-decoration: none;    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);    height: 100%; \/* Ensures equal height cards *\/}\/* 3. Hover Effects (The \"Lift\") *\/.wcmamtx_dashboard_link a:hover {    transform: translateY(-8px); \/* Moves up *\/    box-shadow: 0 15px 40px rgba(107, 76, 154, 0.15); \/* Purple glow shadow *\/    border-color: #6B4C9A;}\/* 4. The Icon Styling *\/.wcmtx_icon_src {    margin-bottom: 20px; \/* Space between icon and text *\/    padding: 0;    line-height: 1;}\/* Make the Icons BIG and Purple *\/.wcmtx_icon_src i {    font-size: 48px !important;     color: #6B4C9A; \/* Your Brand Purple *\/    transition: transform 0.3s ease;}\/* Icon Animation on Hover *\/.wcmamtx_dashboard_link a:hover i {    transform: scale(1.15); \/* Grow slightly *\/}\/* 5. The Text Styling *\/.wcmamtx_dashboard_link a {    font-size: 16px;    font-weight: 700;    color: #333;    text-transform: uppercase;    letter-spacing: 0.5px;}.wcmamtx_dashboard_link a:hover {    color: #6B4C9A; \/* Text turns purple on hover *\/}\/* 6. Mobile Layout Tweaks *\/@media (max-width: 768px) {    .wcmtx-my-account-links.wcmtx-grid {        grid-template-columns: 1fr 1fr; \/* 2 columns on phones *\/        gap: 15px;    }    .wcmamtx_dashboard_link a {        padding: 30px 15px; \/* Slightly smaller cards *\/    }    .wcmtx_icon_src i {        font-size: 36px !important; \/* Slightly smaller icons *\/    }}\/* --- PREEM3D ADDRESS CARDS --- *\/\/* 1. Layout Container (Force side-by-side) *\/.woocommerce-account .addresses .u-columns {    display: flex;    flex-wrap: wrap;    gap: 30px; \/* Space between cards *\/    margin-top: 20px;}\/* 2. The Card Style *\/.woocommerce-Address {    flex: 1 1 400px; \/* Responsive width *\/    background-color: #ffffff;    padding: 35px;    border-radius: 16px; \/* Match your other cards *\/    border: 1px solid #f0f0f0;    box-shadow: 0 10px 30px rgba(0,0,0,0.03);    transition: transform 0.2s ease;}\/* Subtle lift on hover *\/.woocommerce-Address:hover {    transform: translateY(-3px);    box-shadow: 0 15px 40px rgba(0,0,0,0.06);    border-color: #e0e0e0;}\/* 3. The Header Area (Title + Button) *\/.woocommerce-Address-title {    display: flex;    justify-content: space-between; \/* Push button to the right *\/    align-items: center;    border-bottom: 2px solid #f6f7fa;    padding-bottom: 15px;    margin-bottom: 20px;}.woocommerce-Address-title h2 {    margin: 0;    font-size: 20px;    font-weight: 700;    color: #333;}\/* 4. The \"Edit\" Button (Make it look like a UI element) *\/.woocommerce-Address-title .edit {    font-size: 12px;    font-weight: 700;    text-transform: uppercase;    color: #6B4C9A; \/* Brand Purple *\/    background-color: #fcfcfc;    border: 1px solid #eee;    padding: 8px 16px;    border-radius: 6px;    text-decoration: none;    transition: all 0.2s ease;}.woocommerce-Address-title .edit:hover {    background-color: #6B4C9A;    color: #fff;    border-color: #6B4C9A;}\/* 5. The Address Text *\/.woocommerce-Address address {    font-style: normal; \/* Remove default italics *\/    color: #555;    line-height: 1.8;    font-size: 15px;}.woocommerce-account .addresses .title .edit {  padding: 5px;}\/* --- PREEM3D ORDER DETAILS v3 (CLEAN & BOLD) --- *\/\/* 1. TOP CARDS (Keep these, they look good) *\/ul.woocommerce-order-overview {    display: flex;    flex-wrap: wrap;    gap: 15px;    background: transparent !important;    border-bottom: none !important;    margin-bottom: 40px !important;}ul.woocommerce-order-overview li {    flex: 1 1 200px;    background: #ffffff;    padding: 20px !important;    border-radius: 12px;    box-shadow: 0 4px 15px rgba(0,0,0,0.08); \/* Soft shadow *\/    border: 1px solid #f0f0f0 !important;    text-align: center;    margin: 0 !important;    border-right: 1px solid #f0f0f0 !important;}.woocommerce .woocommerce-order-overview.order_details > li {  padding: 20px !important;}\/* 2. TITLES (Clean & Bold) *\/.fc-section-title {    font-size: 20px !important;    font-weight: 800 !important;    color: #333 !important;    margin-bottom: 20px !important;    border-bottom: none !important;    padding-bottom: 0 !important;    text-transform: none !important;}\/* 3. SIMPLIFY THE CONTENT AREAS (Remove Boxes inside Boxes) *\/.fc-order-details-section,.fc-order-overview__wrapper {    background: transparent !important;    box-shadow: none !important;    border: none !important;}\/* Make the ADDRESSES look clean (No gray box, just text) *\/.woocommerce-customer-details address {    background: transparent !important;    border: none !important;    padding: 0 !important;    color: #555;    font-size: 15px;    line-height: 1.6;}\/* Add a purple line to separate addresses visually *\/.woocommerce-column__title {    color: #6B4C9A;    font-weight: 700;    text-transform: uppercase;    font-size: 13px;    border-bottom: 2px solid #f0f0f0;    padding-bottom: 10px;    margin-bottom: 15px;    display: block;}\/* 4. TRACKING NUMBER (The Glow Up) *\/\/* Target the tracking link specifically *\/.vp-woo-pont-view-order-tracking-number {    display: inline-block;    background-color: #f4effa; \/* Light purple bg *\/    color: #6B4C9A !important; \/* Dark purple text *\/    font-size: 16px !important;    font-weight: 800 !important;    padding: 12px 20px;    border-radius: 8px;    text-decoration: none !important;    border: 1px dashed #6B4C9A; \/* Dotted border creates \"ticket\" feel *\/    transition: all 0.2s ease;}.vp-woo-pont-view-order-tracking-number:hover {    background-color: #6B4C9A;    color: white !important;    transform: translateY(-2px);    box-shadow: 0 5px 15px rgba(107, 76, 154, 0.2);}\/* Add a label before it if needed (Optional) *\/.vp_woo_pont th {    vertical-align: middle;}\/* 5. PRODUCT TABLE (Minimalist) *\/table.woocommerce-table--order-details {    border: 1px solid #f0f0f0;    border-radius: 12px;    overflow: hidden; \/* Round the corners *\/    background: #fff;    box-shadow: 0 5px 20px rgba(0,0,0,0.02);}table.woocommerce-table--order-details thead th {    background: #fcfcfc;    border-bottom: 1px solid #eee;    text-transform: uppercase;    font-size: 12px;    color: #888;}\/* 6. TOTALS (Clean Footer) *\/table.woocommerce-table--order-details tfoot {    background: #fff;}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1928_079640-5c\"><div class=\"kt-inside-inner-col\"><div class=\"woocommerce\"><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"default","_kad_post_title":"","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1928","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"s0rcer","author_link":"https:\/\/old.preem3d.com\/en\/author\/s0rcer\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/pages\/1928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/comments?post=1928"}],"version-history":[{"count":1,"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/pages\/1928\/revisions"}],"predecessor-version":[{"id":6412,"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/pages\/1928\/revisions\/6412"}],"wp:attachment":[{"href":"https:\/\/old.preem3d.com\/en\/wp-json\/wp\/v2\/media?parent=1928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}