.elementor-kit-29683{--e-global-color-primary:#9FCB22;--e-global-color-secondary:#252932;--e-global-color-text:#14462E;--e-global-color-accent:#FFFFFF;--e-global-color-3564bdd:#F5F9FA;--e-global-color-bb58bf8:#D9485B;--e-global-color-e23be75:#FFFC01;--e-global-color-dbdc090:#6EA68B;--e-global-color-737f73f:#92DDD8;--e-global-color-3645dda:#FA9421;--e-global-color-497193b:#FFFFFF00;--e-global-color-310c18b:#FCCC42;--e-global-color-bb18acf:#6C6C6C;--e-global-color-8a18bd2:#DEECF0;--e-global-color-c44ac5d:#BDBDBD;--e-global-color-7766354:#E8EDEF;--e-global-color-cc98247:#042918;--e-global-color-a8d5a57:#37624D;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-secondary-font-family:"Jost";--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-09726c1-font-family:"Barlow";--e-global-typography-09726c1-font-size:19px;--e-global-typography-09726c1-font-weight:500;--e-global-typography-09726c1-line-height:1.1em;--e-global-typography-a37c3c9-font-family:"Barlow";--e-global-typography-a37c3c9-font-size:24px;--e-global-typography-a37c3c9-font-weight:400;--e-global-typography-a37c3c9-line-height:1.5em;--e-global-typography-98ea1db-font-family:"Jost";--e-global-typography-98ea1db-font-size:25px;--e-global-typography-98ea1db-font-weight:500;--e-global-typography-98ea1db-line-height:1.5em;--e-global-typography-56c6164-font-family:"Jost";--e-global-typography-56c6164-font-size:17px;--e-global-typography-56c6164-font-weight:500;--e-global-typography-55643be-font-family:"Jost";--e-global-typography-55643be-font-size:16px;--e-global-typography-17c6c02-font-family:"Jost";--e-global-typography-17c6c02-font-size:46px;--e-global-typography-17c6c02-font-weight:500;--e-global-typography-17c6c02-line-height:1.1em;--e-global-typography-8ab0c3c-font-family:"Jost";--e-global-typography-8ab0c3c-font-size:60px;--e-global-typography-8ab0c3c-font-weight:500;--e-global-typography-8ab0c3c-line-height:1.1em;--e-global-typography-f14ab1d-font-family:"Jost";--e-global-typography-f14ab1d-font-size:26px;--e-global-typography-f14ab1d-font-weight:600;--e-global-typography-f14ab1d-line-height:1.1em;--e-global-typography-1f329d0-font-family:"Barlow";--e-global-typography-1f329d0-font-size:20px;--e-global-typography-1f329d0-font-weight:400;--e-global-typography-1f329d0-line-height:1.5em;--e-global-typography-82b4489-font-family:"Barlow";--e-global-typography-82b4489-font-size:22px;--e-global-typography-82b4489-font-weight:500;--e-global-typography-82b4489-line-height:1.1em;--e-global-typography-64b331e-font-family:"Jost";--e-global-typography-64b331e-font-size:22px;--e-global-typography-64b331e-font-weight:500;--e-global-typography-64b331e-line-height:1.1em;--e-global-typography-81eec07-font-family:"Jost";--e-global-typography-81eec07-font-size:16px;--e-global-typography-81eec07-font-weight:500;--e-global-typography-4bbaf15-font-family:"Barlow";--e-global-typography-4bbaf15-font-size:23px;--e-global-typography-4bbaf15-font-weight:400;--e-global-typography-4bbaf15-font-style:italic;--e-global-typography-4bbaf15-line-height:1.5em;--e-global-typography-78b4420-font-family:"Barlow";--e-global-typography-78b4420-font-size:18px;--e-global-typography-78b4420-line-height:2.3em;--e-global-typography-f8d70a0-font-family:"Barlow";--e-global-typography-f8d70a0-font-size:16px;--e-global-typography-f8d70a0-font-weight:600;--e-global-typography-f8d70a0-text-transform:uppercase;--e-global-typography-f8d70a0-line-height:1.5em;--e-global-typography-018274b-font-family:"Barlow";--e-global-typography-018274b-font-size:18px;--e-global-typography-018274b-font-weight:300;--e-global-typography-018274b-line-height:1.1em;--e-global-typography-6568fcc-font-family:"Barlow";--e-global-typography-6568fcc-font-size:18px;--e-global-typography-6568fcc-font-weight:400;--e-global-typography-6568fcc-line-height:1.5em;--e-global-typography-55123aa-font-family:"Jost";--e-global-typography-55123aa-font-size:18px;--e-global-typography-55123aa-font-weight:500;--e-global-typography-55123aa-line-height:1.1em;--e-global-typography-ceab1cb-font-family:"Jost";--e-global-typography-ceab1cb-font-size:60px;--e-global-typography-ceab1cb-font-weight:600;--e-global-typography-ceab1cb-line-height:1.1em;--e-global-typography-262f65f-font-family:"Barlow";--e-global-typography-262f65f-font-size:14px;--e-global-typography-262f65f-font-weight:600;--e-global-typography-262f65f-text-transform:uppercase;--e-global-typography-262f65f-line-height:1.1em;--e-global-typography-6c754af-font-family:"Jost";--e-global-typography-6c754af-font-size:24px;--e-global-typography-6c754af-font-weight:600;--e-global-typography-87e9451-font-family:"Jost";--e-global-typography-87e9451-font-size:22px;--e-global-typography-87e9451-font-weight:500;--e-global-typography-87e9451-line-height:1.1em;--e-global-typography-a9ecbd0-font-family:"Jost";--e-global-typography-a9ecbd0-font-size:45px;--e-global-typography-a9ecbd0-font-weight:600;--e-global-typography-a9ecbd0-line-height:1.1em;--e-global-typography-bc57340-font-family:"Barlow";--e-global-typography-bc57340-font-size:30px;--e-global-typography-bc57340-font-weight:300;--e-global-typography-bd10083-font-family:"Barlow";--e-global-typography-bd10083-font-size:40px;--e-global-typography-bd10083-font-weight:600;--e-global-typography-439e35c-font-family:"Barlow";--e-global-typography-439e35c-font-size:20px;--e-global-typography-439e35c-font-weight:300;--e-global-typography-439e35c-line-height:1.5em;--e-global-typography-7404157-font-family:"Jost";--e-global-typography-7404157-font-size:38px;--e-global-typography-7404157-font-weight:600;--e-global-typography-7404157-line-height:1.1em;--e-global-typography-f507de4-font-family:"Barlow";--e-global-typography-f507de4-font-size:18px;--e-global-typography-f507de4-font-weight:300;--e-global-typography-c0d35e7-font-family:"Jost";--e-global-typography-c0d35e7-font-size:24px;--e-global-typography-c0d35e7-font-weight:400;--e-global-typography-c0d35e7-line-height:0.1em;--e-global-typography-b34b1e9-font-family:"Jost";--e-global-typography-b34b1e9-font-size:200px;--e-global-typography-b34b1e9-font-weight:600;--e-global-typography-b34b1e9-line-height:1.1em;--e-global-typography-e51a33a-font-family:"Barlow";--e-global-typography-e51a33a-font-size:20px;--e-global-typography-e51a33a-font-weight:300;--e-global-typography-e51a33a-line-height:1.5em;--e-global-typography-e4a8fee-font-family:"Jost";--e-global-typography-e4a8fee-font-size:24px;--e-global-typography-e4a8fee-font-weight:600;--e-global-typography-e4a8fee-line-height:1.1em;--e-global-typography-135ce33-font-family:"Barlow";--e-global-typography-135ce33-font-size:14px;--e-global-typography-135ce33-font-weight:600;--e-global-typography-fbd2431-font-family:"Jost";--e-global-typography-fbd2431-font-size:24px;--e-global-typography-fbd2431-font-weight:600;--e-global-typography-fbd2431-line-height:1.5em;--e-global-typography-169cbe5-font-family:"Barlow";--e-global-typography-169cbe5-font-size:16px;--e-global-typography-169cbe5-font-weight:300;--e-global-typography-77c8f53-font-family:"Barlow";--e-global-typography-77c8f53-font-size:20px;--e-global-typography-77c8f53-font-weight:300;--e-global-typography-77c8f53-line-height:1.5em;--e-global-typography-f1d2b32-font-family:"Barlow";--e-global-typography-f1d2b32-font-size:14px;--e-global-typography-f1d2b32-font-weight:600;--e-global-typography-f1d2b32-line-height:1.1em;--e-global-typography-ff7f5f9-font-family:"Barlow";--e-global-typography-ff7f5f9-font-size:18px;--e-global-typography-ff7f5f9-font-weight:300;--e-global-typography-ff7f5f9-line-height:1.1em;--e-global-typography-95214e6-font-family:"Barlow";--e-global-typography-95214e6-font-size:18px;--e-global-typography-95214e6-font-weight:300;--e-global-typography-95214e6-line-height:1.1em;--e-global-typography-601a310-font-family:"Jost";--e-global-typography-601a310-font-size:26px;--e-global-typography-601a310-font-weight:600;--e-global-typography-601a310-line-height:1.1em;--e-global-typography-1f73e89-font-family:"Barlow";--e-global-typography-1f73e89-font-size:23px;--e-global-typography-1f73e89-font-weight:600;--e-global-typography-1f73e89-line-height:1.1em;--e-global-typography-06915f4-font-family:"Barlow";--e-global-typography-06915f4-font-size:23px;--e-global-typography-06915f4-font-weight:400;--e-global-typography-f6b9237-font-family:"Barlow";--e-global-typography-f6b9237-font-size:14px;--e-global-typography-f6b9237-font-weight:600;--e-global-typography-f6b9237-text-transform:uppercase;--e-global-typography-d63369e-font-family:"Barlow";--e-global-typography-d63369e-font-size:18px;--e-global-typography-d63369e-font-weight:500;--e-global-typography-91a6738-font-family:"Jost";--e-global-typography-91a6738-font-size:85px;--e-global-typography-91a6738-font-weight:500;--e-global-typography-91a6738-line-height:1.1em;--e-global-typography-e5dedcf-font-family:"Barlow";--e-global-typography-e5dedcf-font-size:18px;--e-global-typography-e5dedcf-font-weight:400;--e-global-typography-e5dedcf-line-height:1.5em;--e-global-typography-66d1f9e-font-family:"Jost";--e-global-typography-66d1f9e-font-size:18px;--e-global-typography-66d1f9e-font-weight:400;--e-global-typography-66d1f9e-font-style:italic;--e-global-typography-66d1f9e-line-height:1.5em;font-family:"Barlow", Sans-serif;font-size:20px;font-weight:300;line-height:1.5em;}.elementor-kit-29683 e-page-transition{background-color:#FFBC7D;}.elementor-kit-29683 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-kit-29683 h1{font-size:70px;font-weight:600;line-height:1.1em;}.elementor-kit-29683 h2{font-size:45px;font-weight:600;text-transform:capitalize;line-height:1.1em;}.elementor-kit-29683 h3{font-size:22px;font-weight:500;text-transform:capitalize;line-height:1.1em;}.elementor-kit-29683 h4{font-size:28px;font-weight:300;line-height:1.3em;}.elementor-kit-29683 button,.elementor-kit-29683 input[type="button"],.elementor-kit-29683 input[type="submit"],.elementor-kit-29683 .elementor-button{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:600;line-height:1.1em;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-29683{--e-global-typography-a37c3c9-font-size:18px;--e-global-typography-98ea1db-font-size:20px;--e-global-typography-98ea1db-line-height:1.1em;--e-global-typography-56c6164-font-size:16px;--e-global-typography-17c6c02-font-size:35px;--e-global-typography-8ab0c3c-font-size:45px;--e-global-typography-f14ab1d-font-size:18px;--e-global-typography-f14ab1d-line-height:1.1em;--e-global-typography-1f329d0-font-size:14px;--e-global-typography-55123aa-font-size:16px;--e-global-typography-ceab1cb-font-size:40px;--e-global-typography-6c754af-font-size:16px;--e-global-typography-bc57340-font-size:20px;--e-global-typography-bd10083-font-size:25px;--e-global-typography-439e35c-font-size:16px;--e-global-typography-7404157-font-size:30px;--e-global-typography-b34b1e9-font-size:150px;--e-global-typography-e51a33a-font-size:16px;--e-global-typography-e4a8fee-font-size:20px;--e-global-typography-e4a8fee-line-height:1.1em;--e-global-typography-601a310-font-size:24px;--e-global-typography-1f73e89-font-size:18px;--e-global-typography-06915f4-font-size:18px;--e-global-typography-f6b9237-font-size:12px;--e-global-typography-91a6738-font-size:35px;--e-global-typography-e5dedcf-font-size:16px;font-size:16px;}.elementor-kit-29683 h1{font-size:50px;}.elementor-kit-29683 h2{font-size:36px;}.elementor-kit-29683 h3{font-size:20px;}.elementor-kit-29683 h4{font-size:18px;}.elementor-kit-29683 button,.elementor-kit-29683 input[type="button"],.elementor-kit-29683 input[type="submit"],.elementor-kit-29683 .elementor-button{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-29683{--e-global-typography-a37c3c9-font-size:14px;--e-global-typography-98ea1db-font-size:16px;--e-global-typography-8ab0c3c-font-size:35px;--e-global-typography-f14ab1d-font-size:18px;--e-global-typography-1f329d0-font-size:15px;--e-global-typography-82b4489-font-size:16px;--e-global-typography-64b331e-font-size:18px;--e-global-typography-81eec07-font-size:14px;--e-global-typography-4bbaf15-font-size:16px;--e-global-typography-55123aa-font-size:12px;--e-global-typography-ceab1cb-font-size:40px;--e-global-typography-87e9451-font-size:16px;--e-global-typography-bc57340-font-size:20px;--e-global-typography-bd10083-font-size:30px;--e-global-typography-7404157-font-size:25px;--e-global-typography-b34b1e9-font-size:50px;--e-global-typography-e51a33a-font-size:14px;--e-global-typography-e4a8fee-font-size:16px;--e-global-typography-601a310-font-size:22px;--e-global-typography-1f73e89-font-size:20px;--e-global-typography-06915f4-font-size:20px;--e-global-typography-66d1f9e-font-size:16px;}.elementor-kit-29683 h1{font-size:35px;line-height:1.1em;}.elementor-kit-29683 h2{font-size:30px;}.elementor-kit-29683 h3{font-size:18px;}.elementor-kit-29683 button,.elementor-kit-29683 input[type="button"],.elementor-kit-29683 input[type="submit"],.elementor-kit-29683 .elementor-button{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================== ALTINELLER YÖRESEL PREMIUM WOOCOMMERCE SEPET MASAÜSTÜ + TABLET + MOBİL ========================================================== */ body.woocommerce-cart{ background:#f7f5f0; } /* ANA ALAN */ body.woocommerce-cart .woocommerce{ width:min(1240px, calc(100% - 40px)); margin:0 auto; padding:40px 0 70px; } /* ========================================================== MASAÜSTÜ ========================================================== */ @media (min-width: 768px){ body.woocommerce-cart .woocommerce{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:28px; align-items:start; } body.woocommerce-cart .woocommerce-notices-wrapper, body.woocommerce-cart .woocommerce-message, body.woocommerce-cart .woocommerce-info{ grid-column:1 / -1; } body.woocommerce-cart .woocommerce-cart-form{ grid-column:1; min-width:0; } body.woocommerce-cart .cart-collaterals{ grid-column:2; width:100%!important; } /* TABLO */ body.woocommerce-cart table.shop_table{ width:100%!important; border:0!important; background:transparent!important; border-collapse:separate!important; border-spacing:0 10px!important; } body.woocommerce-cart table.shop_table thead{ display:none!important; } /* ÜRÜN KARTI */ body.woocommerce-cart table.shop_table tr.cart_item{ display:grid!important; grid-template-columns: 32px 88px minmax(160px,1fr) 90px 85px 105px; gap:14px; align-items:center; background:#fff!important; border:1px solid #ebe6dc!important; border-radius:16px!important; padding:13px 16px!important; margin-bottom:10px!important; box-shadow:0 5px 18px rgba(40,30,20,.045); } body.woocommerce-cart table.shop_table tr.cart_item td{ display:block!important; width:auto!important; padding:0!important; border:0!important; background:transparent!important; text-align:left!important; } /* RESİM */ body.woocommerce-cart td.product-thumbnail{ display:block!important; } body.woocommerce-cart td.product-thumbnail a{ display:block!important; width:82px!important; height:82px!important; } body.woocommerce-cart td.product-thumbnail img{ display:block!important; width:82px!important; height:82px!important; max-width:82px!important; object-fit:contain!important; border-radius:11px!important; background:#faf9f6; border:1px solid #eee9e0; padding:3px; box-sizing:border-box; } /* ÜRÜN ADI */ body.woocommerce-cart td.product-name a{ color:#292521!important; font-size:14px!important; line-height:1.4!important; font-weight:700!important; text-decoration:none!important; } /* FİYATLAR */ body.woocommerce-cart td.product-price, body.woocommerce-cart td.product-subtotal{ font-size:13px!important; font-weight:700!important; } body.woocommerce-cart td.product-subtotal{ color:#315728!important; } /* MİKTAR */ body.woocommerce-cart .quantity .qty{ width:55px!important; height:38px!important; padding:0!important; border:1px solid #ddd7cc!important; border-radius:9px!important; text-align:center!important; background:#faf9f6!important; } /* SİL */ body.woocommerce-cart td.product-remove a.remove{ display:flex!important; align-items:center; justify-content:center; width:28px!important; height:28px!important; border-radius:50%!important; background:#f5eeee!important; color:#ae4239!important; } body.woocommerce-cart td.product-remove a.remove:hover{ background:#ae4239!important; color:#fff!important; } /* TOPLAMLAR */ body.woocommerce-cart .cart_totals{ float:none!important; width:100%!important; padding:25px!important; box-sizing:border-box; background:#fff; border:1px solid #e9e3d9; border-radius:18px; box-shadow:0 12px 35px rgba(40,30,20,.07); position:sticky; top:25px; } body.woocommerce-cart .cart_totals h2{ font-size:21px!important; font-weight:800!important; margin:0 0 16px!important; } } /* ========================================================== MOBİL ========================================================== */ @media (max-width: 767px){ body.woocommerce-cart .woocommerce{ display:block!important; width:100%!important; padding:12px 9px 45px!important; box-sizing:border-box; } /* WOOCOMMERCE MOBİL TABLO AYARLARINI EZ */ body.woocommerce-cart table.shop_table, body.woocommerce-cart table.shop_table_responsive{ display:block!important; width:100%!important; border:0!important; margin:0!important; background:transparent!important; } body.woocommerce-cart table.shop_table thead, body.woocommerce-cart table.shop_table_responsive thead{ display:none!important; } body.woocommerce-cart table.shop_table tbody{ display:block!important; width:100%!important; } /* ============================= HER ÜRÜN = TEK KART ============================== */ body.woocommerce-cart table.shop_table tr.cart_item{ display:grid!important; grid-template-columns:80px minmax(0,1fr) 52px!important; grid-template-areas: "image name remove" "image price quantity" "image subtotal quantity"!important; column-gap:11px!important; row-gap:5px!important; width:100%!important; min-height:104px!important; padding:11px!important; margin:0 0 9px!important; box-sizing:border-box!important; background:#ffffff!important; border:1px solid #ebe6dd!important; border-radius:14px!important; box-shadow: 0 2px 5px rgba(30,20,10,.025), 0 7px 18px rgba(30,20,10,.045)!important; } /* BÜTÜN TD'LER */ body.woocommerce-cart table.shop_table tr.cart_item td{ display:block!important; width:auto!important; min-width:0!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; text-align:left!important; float:none!important; } /* WooCommerce'un Ürün/Fiyat/Miktar gibi kendi mobil etiketlerini tamamen kapat */ body.woocommerce-cart table.shop_table_responsive tr.cart_item td::before, body.woocommerce-cart table.shop_table tr.cart_item td::before{ display:none!important; content:none!important; float:none!important; } /* ============================= ÜRÜN FOTOĞRAFI ============================== */ body.woocommerce-cart td.product-thumbnail{ grid-area:image!important; display:flex!important; visibility:visible!important; width:80px!important; height:80px!important; align-items:flex-start!important; justify-content:flex-start!important; } body.woocommerce-cart td.product-thumbnail a{ display:block!important; width:78px!important; height:78px!important; } body.woocommerce-cart td.product-thumbnail img{ display:block!important; visibility:visible!important; width:78px!important; height:78px!important; min-width:78px!important; max-width:78px!important; object-fit:contain!important; object-position:center!important; margin:0!important; padding:3px!important; box-sizing:border-box!important; background:#faf9f6!important; border:1px solid #eee9df!important; border-radius:10px!important; } /* ============================= ÜRÜN ADI ============================== */ body.woocommerce-cart td.product-name{ grid-area:name!important; align-self:start!important; padding-right:4px!important; } body.woocommerce-cart td.product-name a{ display:block!important; color:#292521!important; font-size:12px!important; font-weight:700!important; line-height:1.35!important; text-decoration:none!important; overflow:hidden!important; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /* ============================= FİYAT ============================== */ body.woocommerce-cart td.product-price{ grid-area:price!important; align-self:center!important; color:#756e65!important; font-size:11px!important; font-weight:600!important; } body.woocommerce-cart td.product-price::before{ content:"Fiyat: "!important; display:inline!important; color:#aaa39b!important; font-size:9px!important; font-weight:600!important; } /* ============================= TOPLAM ============================== */ body.woocommerce-cart td.product-subtotal{ grid-area:subtotal!important; color:#315728!important; font-size:12px!important; font-weight:800!important; } body.woocommerce-cart td.product-subtotal::before{ content:"Toplam: "!important; display:inline!important; color:#a19a91!important; font-size:9px!important; font-weight:600!important; } /* ============================= ADET ============================== */ body.woocommerce-cart td.product-quantity{ grid-area:quantity!important; align-self:center!important; text-align:right!important; } body.woocommerce-cart td.product-quantity::before{ content:"Adet"!important; display:block!important; margin:0 0 3px!important; color:#aaa39b!important; font-size:8px!important; font-weight:600!important; text-align:center!important; } body.woocommerce-cart .quantity{ display:flex!important; justify-content:center!important; margin:0!important; } body.woocommerce-cart .quantity .qty{ display:block!important; width:46px!important; min-width:46px!important; max-width:46px!important; height:31px!important; margin:0!important; padding:0!important; background:#faf9f7!important; border:1px solid #ddd7ce!important; border-radius:7px!important; color:#282522!important; font-size:11px!important; font-weight:700!important; text-align:center!important; } /* ============================= SİL BUTONU ============================== */ body.woocommerce-cart td.product-remove{ grid-area:remove!important; display:flex!important; justify-content:flex-end!important; align-items:flex-start!important; } body.woocommerce-cart td.product-remove a.remove{ display:flex!important; align-items:center!important; justify-content:center!important; width:23px!important; height:23px!important; padding:0!important; background:#f7efed!important; color:#b14b40!important; border-radius:50%!important; font-size:14px!important; line-height:1!important; } /* ======================================================= KUPON ======================================================== */ body.woocommerce-cart table.cart td.actions{ display:block!important; width:100%!important; padding:11px!important; margin-top:5px!important; box-sizing:border-box!important; background:#fff!important; border:1px solid #ebe6dc!important; border-radius:13px!important; } body.woocommerce-cart table.cart td.actions .coupon{ display:grid!important; grid-template-columns:minmax(0,1fr) 105px!important; gap:6px!important; width:100%!important; } body.woocommerce-cart table.cart td.actions .coupon input.input-text{ width:100%!important; height:38px!important; padding:0 10px!important; border:1px solid #ddd8cf!important; border-radius:8px!important; background:#faf9f6!important; font-size:11px!important; } body.woocommerce-cart button.button{ min-height:38px!important; padding:7px 10px!important; border:0!important; border-radius:8px!important; background:#315728!important; color:#fff!important; font-size:10px!important; font-weight:700!important; } body.woocommerce-cart table.cart td.actions > button{ width:100%!important; margin-top:7px!important; } /* ======================================================= SEPET TOPLAMI ======================================================== */ body.woocommerce-cart .cart-collaterals{ width:100%!important; margin:14px 0 0!important; } body.woocommerce-cart .cart_totals{ float:none!important; width:100%!important; padding:17px!important; box-sizing:border-box!important; background:#fff!important; border:1px solid #e9e3da!important; border-radius:15px!important; box-shadow:0 7px 22px rgba(40,30,20,.05)!important; } body.woocommerce-cart .cart_totals h2{ margin:0 0 11px!important; font-size:18px!important; font-weight:800!important; } body.woocommerce-cart .cart_totals table{ width:100%!important; border:0!important; } body.woocommerce-cart .cart_totals th, body.woocommerce-cart .cart_totals td{ padding:9px 0!important; border:0!important; border-bottom:1px solid #eee9e1!important; font-size:11px!important; } /* ÖDEME */ body.woocommerce-cart .wc-proceed-to-checkout{ padding:12px 0 0!important; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:48px!important; margin:0!important; padding:12px!important; box-sizing:border-box!important; background:#315728!important; color:#ffffff!important; border-radius:10px!important; font-size:13px!important; font-weight:800!important; text-align:center!important; } } /* ========================================================== 390PX VE DAHA KÜÇÜK TELEFON ========================================================== */ @media (max-width:390px){ body.woocommerce-cart table.shop_table tr.cart_item{ grid-template-columns:70px minmax(0,1fr) 47px!important; column-gap:9px!important; padding:9px!important; } body.woocommerce-cart td.product-thumbnail, body.woocommerce-cart td.product-thumbnail a, body.woocommerce-cart td.product-thumbnail img{ width:68px!important; height:68px!important; min-width:68px!important; max-width:68px!important; } } /* Kupon kodu alanını gizle */ .woocommerce-cart table.cart td.actions .coupon { display: none !important; } .woocommerce-cart table.cart td.actions { display: flex !important; justify-content: flex-end !important; align-items: center !important; } @media (max-width: 767px) { .woocommerce-cart table.cart td.actions { display: block !important; } .woocommerce-cart table.cart td.actions > button { width: 100% !important; margin: 0 !important; } } /* ========================================================= ALTINELLER YÖRESEL PROFESYONEL WOOCOMMERCE HESABIM PANELİ [woocommerce_my_account] ========================================================= */ body.woocommerce-account { background: #f7f4ee; } /* ANA ALAN */ body.woocommerce-account .woocommerce { width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 45px 0 70px; display: grid; grid-template-columns: 275px minmax(0, 1fr); gap: 28px; font-family: inherit; box-sizing: border-box; } /* ========================================================= SOL MENÜ ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important; float: none !important; background: #ffffff; border: 1px solid #ebe5da; border-radius: 20px; padding: 15px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(42, 30, 20, 0.03), 0 15px 40px rgba(42, 30, 20, 0.055); align-self: start; position: sticky; top: 25px; } /* MENÜ LİSTESİ */ body.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none !important; margin: 0 0 6px !important; padding: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child { margin-bottom: 0 !important; } /* MENÜ BAĞLANTILARI */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li a { position: relative; display: flex !important; align-items: center; min-height: 48px; padding: 11px 14px 11px 45px !important; box-sizing: border-box; border-radius: 11px; background: transparent; color: #4e4943 !important; font-size: 13px !important; line-height: 1.25; font-weight: 650 !important; text-decoration: none !important; transition: background .2s ease, color .2s ease, transform .2s ease; } /* İKON ORTAK */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 22px; font-size: 17px; line-height: 1; text-align: center; } /* PANO */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "⌂"; } /* SİPARİŞLER */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before { content: "▤"; } /* İNDİRMELER */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before { content: "↓"; } /* ADRESLER */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "⌖"; } /* HESAP */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "⚙"; } /* ÇIKIŞ */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "↪"; } /* HOVER */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: #f3f6ef; color: #315728 !important; transform: translateX(2px); } /* AKTİF MENÜ */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: linear-gradient( 135deg, #315728, #3f6a32 ) !important; color: #ffffff !important; box-shadow: 0 6px 16px rgba(49, 87, 40, .18); } /* ÇIKIŞ BUTONU */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 15px !important; padding-top: 12px !important; border-top: 1px solid #eee8df; } body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: #a84940 !important; } body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: #fbefed; color: #963b34 !important; } /* ========================================================= SAĞ İÇERİK PANELİ ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; float: none !important; min-width: 0; min-height: 410px; padding: 32px 34px; box-sizing: border-box; background: #ffffff; border: 1px solid #ebe5da; border-radius: 20px; box-shadow: 0 4px 12px rgba(42,30,20,.025), 0 15px 40px rgba(42,30,20,.055); color: #514c46; font-size: 14px; line-height: 1.75; } /* BAŞLIKLAR */ body.woocommerce-account .woocommerce-MyAccount-content h2, body.woocommerce-account .woocommerce-MyAccount-content h3 { color: #312b26 !important; font-weight: 800 !important; letter-spacing: -.3px; } body.woocommerce-account .woocommerce-MyAccount-content h2 { margin: 0 0 22px !important; font-size: 25px !important; } body.woocommerce-account .woocommerce-MyAccount-content h3 { font-size: 18px !important; } /* LINKLER */ body.woocommerce-account .woocommerce-MyAccount-content a { color: #315728; font-weight: 650; text-decoration: none; } body.woocommerce-account .woocommerce-MyAccount-content a:hover { color: #49301f; } /* ========================================================= PANO - KARŞILAMA ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { position: relative; margin: 0 0 20px !important; padding: 20px 22px 20px 58px !important; background: linear-gradient( 135deg, #f4f7f1, #faf8f2 ); border: 1px solid #e4eadf; border-radius: 15px; color: #49453f; } body.woocommerce-account .woocommerce-MyAccount-content > p:first-child::before { content: "👤"; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; background: #315728; color: #fff; border-radius: 50%; font-size: 14px; } /* DASHBOARD AÇIKLAMA */ body.woocommerce-account .woocommerce-MyAccount-content > p { margin-bottom: 18px; } /* ========================================================= SİPARİŞLER TABLOSU ========================================================= */ body.woocommerce-account .woocommerce-orders-table { width: 100% !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 9px !important; background: transparent !important; } /* TABLO BAŞLIK */ body.woocommerce-account .woocommerce-orders-table thead th { padding: 12px 14px !important; border: 0 !important; background: #f4f1eb !important; color: #777168; font-size: 11px !important; font-weight: 750 !important; text-transform: uppercase; letter-spacing: .45px; } body.woocommerce-account .woocommerce-orders-table thead th:first-child { border-radius: 10px 0 0 10px; } body.woocommerce-account .woocommerce-orders-table thead th:last-child { border-radius: 0 10px 10px 0; } /* SİPARİŞ SATIRI */ body.woocommerce-account .woocommerce-orders-table tbody tr { background: #fff; box-shadow: 0 3px 14px rgba(40,30,20,.045); } /* HÜCRELER */ body.woocommerce-account .woocommerce-orders-table tbody td { padding: 14px !important; border-top: 1px solid #eee8df !important; border-bottom: 1px solid #eee8df !important; color: #504a43; font-size: 12px !important; } body.woocommerce-account .woocommerce-orders-table tbody td:first-child { border-left: 1px solid #eee8df !important; border-radius: 11px 0 0 11px; } body.woocommerce-account .woocommerce-orders-table tbody td:last-child { border-right: 1px solid #eee8df !important; border-radius: 0 11px 11px 0; } /* ========================================================= BUTONLAR ========================================================= */ body.woocommerce-account .woocommerce-button, body.woocommerce-account button.button, body.woocommerce-account input.button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 41px; padding: 9px 16px !important; background: #315728 !important; color: #ffffff !important; border: 0 !important; border-radius: 9px !important; font-size: 11px !important; font-weight: 750 !important; box-shadow: none !important; transition: background .2s ease, transform .2s ease; } body.woocommerce-account .woocommerce-button:hover, body.woocommerce-account button.button:hover, body.woocommerce-account input.button:hover { background: #493020 !important; color: #ffffff !important; transform: translateY(-1px); } /* ========================================================= ADRESLER ========================================================= */ body.woocommerce-account .woocommerce-Addresses { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; } body.woocommerce-account .woocommerce-Addresses .woocommerce-Address { float: none !important; width: 100% !important; padding: 22px !important; box-sizing: border-box; background: #faf9f6; border: 1px solid #ece6dd; border-radius: 15px; } body.woocommerce-account .woocommerce-Address-title { position: relative; } body.woocommerce-account .woocommerce-Address-title h2, body.woocommerce-account .woocommerce-Address-title h3 { margin-top: 0 !important; } body.woocommerce-account .woocommerce-Address address { margin: 15px 0 0; color: #716a62; font-style: normal; line-height: 1.7; } /* ========================================================= FORM ALANLARI ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-content form .form-row { margin-bottom: 17px !important; } body.woocommerce-account .woocommerce-MyAccount-content label { display: block; margin: 0 0 7px !important; color: #4f4a44; font-size: 12px !important; font-weight: 700 !important; } body.woocommerce-account .woocommerce-MyAccount-content input.input-text, body.woocommerce-account .woocommerce-MyAccount-content input[type="text"], body.woocommerce-account .woocommerce-MyAccount-content input[type="email"], body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"], body.woocommerce-account .woocommerce-MyAccount-content input[type="password"], body.woocommerce-account .woocommerce-MyAccount-content select, body.woocommerce-account .woocommerce-MyAccount-content textarea { width: 100% !important; min-height: 46px; padding: 10px 13px !important; box-sizing: border-box; background: #fbfaf7 !important; border: 1px solid #ddd7ce !important; border-radius: 9px !important; color: #302d29 !important; font-size: 13px !important; outline: none; transition: border-color .2s ease, box-shadow .2s ease; } body.woocommerce-account .woocommerce-MyAccount-content textarea { min-height: 110px; resize: vertical; } body.woocommerce-account .woocommerce-MyAccount-content input:focus, body.woocommerce-account .woocommerce-MyAccount-content select:focus, body.woocommerce-account .woocommerce-MyAccount-content textarea:focus { border-color: #668456 !important; box-shadow: 0 0 0 3px rgba(49,87,40,.08) !important; } /* ========================================================= FIELDSET ========================================================= */ body.woocommerce-account .woocommerce-EditAccountForm fieldset { margin: 25px 0 20px !important; padding: 20px !important; border: 1px solid #ebe5dc !important; border-radius: 13px; background: #faf9f6; } body.woocommerce-account .woocommerce-EditAccountForm fieldset legend { padding: 0 8px; color: #315728; font-size: 13px; font-weight: 800; } /* ========================================================= WOOCOMMERCE MESAJLARI ========================================================= */ body.woocommerce-account .woocommerce-message, body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-error { margin: 0 0 20px !important; padding: 16px 18px 16px 48px !important; border: 0 !important; border-radius: 12px; background: #f2f6ef; color: #405339; font-size: 12px; } body.woocommerce-account .woocommerce-message::before, body.woocommerce-account .woocommerce-info::before { color: #315728 !important; } /* ========================================================= İNDİRMELER ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-downloads-file { white-space: nowrap; } /* ========================================================= SİPARİŞ DETAY ========================================================= */ body.woocommerce-account .woocommerce-order-details { margin-top: 25px; } body.woocommerce-account .woocommerce-order-details table { width: 100%; overflow: hidden; border: 1px solid #ebe5dc !important; border-radius: 13px !important; background: #fff; } body.woocommerce-account .woocommerce-order-details th, body.woocommerce-account .woocommerce-order-details td { padding: 13px !important; border-color: #eee8df !important; font-size: 12px !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { body.woocommerce-account .woocommerce { width: min(930px, calc(100% - 30px)); grid-template-columns: 230px minmax(0, 1fr); gap: 20px; padding: 30px 0 55px; } body.woocommerce-account .woocommerce-MyAccount-content { padding: 25px; } } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 767px) { body.woocommerce-account { background: #f7f4ee; } body.woocommerce-account .woocommerce { display: block !important; width: 100% !important; margin: 0 !important; padding: 12px 9px 40px !important; box-sizing: border-box; } /* MENÜ */ body.woocommerce-account .woocommerce-MyAccount-navigation { position: static; width: 100% !important; margin: 0 0 12px !important; padding: 9px !important; border-radius: 15px; } body.woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li a { min-height: 42px; padding: 8px 8px 8px 35px !important; border-radius: 9px; font-size: 10px !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before { left: 10px; width: 18px; font-size: 14px; } body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0 !important; padding: 0 !important; border-top: 0; } /* İÇERİK */ body.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; min-height: 0; padding: 18px 15px !important; border-radius: 15px; font-size: 12px !important; line-height: 1.65; } body.woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 20px !important; } body.woocommerce-account .woocommerce-MyAccount-content h3 { font-size: 16px !important; } /* KARŞILAMA */ body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { padding: 14px 14px 14px 45px !important; border-radius: 11px; font-size: 11px !important; } body.woocommerce-account .woocommerce-MyAccount-content > p:first-child::before { left: 11px; width: 25px; height: 25px; font-size: 11px; } /* ADRESLER */ body.woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr !important; gap: 10px; } body.woocommerce-account .woocommerce-Addresses .woocommerce-Address { padding: 16px !important; } /* SİPARİŞLER MOBİL */ body.woocommerce-account .woocommerce-orders-table, body.woocommerce-account .woocommerce-orders-table tbody, body.woocommerce-account .woocommerce-orders-table tr { display: block !important; width: 100% !important; } body.woocommerce-account .woocommerce-orders-table thead { display: none !important; } body.woocommerce-account .woocommerce-orders-table tbody tr { margin: 0 0 10px !important; padding: 11px !important; box-sizing: border-box; border: 1px solid #ebe5dc; border-radius: 12px; background: #fff; } body.woocommerce-account .woocommerce-orders-table tbody td { display: flex !important; align-items: center; justify-content: space-between; width: 100% !important; padding: 7px 0 !important; border: 0 !important; border-bottom: 1px solid #f0ece5 !important; border-radius: 0 !important; font-size: 10px !important; text-align: right !important; } body.woocommerce-account .woocommerce-orders-table tbody td:last-child { border-bottom: 0 !important; } body.woocommerce-account .woocommerce-orders-table tbody td::before { content: attr(data-title); color: #999187; font-size: 9px; font-weight: 700; text-align: left; } body.woocommerce-account .woocommerce-orders-table .woocommerce-button { min-height: 34px; padding: 6px 10px !important; font-size: 9px !important; } } /* ========================================================= ÇOK KÜÇÜK TELEFON ========================================================= */ @media (max-width: 380px) { body.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: 1fr; } } /* ========================================================= ALTINELLER HESABIM DESKTOP + TABLET HİZALAMA DÜZELTMESİ ========================================================= */ /* WOOCOMMERCE FLOAT TEMİZLİĞİ */ @media (min-width: 768px) { body.woocommerce-account .woocommerce::before, body.woocommerce-account .woocommerce::after { display: none !important; content: none !important; } body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content { float: none !important; clear: none !important; margin: 0 !important; box-sizing: border-box !important; position: relative; left: auto !important; right: auto !important; top: auto !important; transform: none !important; } } /* ========================================================= MASAÜSTÜ 1025PX VE ÜZERİ ========================================================= */ @media (min-width: 1025px) { body.woocommerce-account .woocommerce { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; grid-template-areas: "accountnav accountcontent" !important; align-items: start !important; gap: 26px !important; width: min(1180px, calc(100% - 50px)) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 40px 0 65px !important; box-sizing: border-box !important; } /* SOL MENÜ */ body.woocommerce-account .woocommerce-MyAccount-navigation { grid-area: accountnav !important; width: 260px !important; max-width: 260px !important; min-width: 0 !important; justify-self: stretch !important; align-self: start !important; position: sticky !important; top: 25px !important; } /* SAĞ İÇERİK */ body.woocommerce-account .woocommerce-MyAccount-content { grid-area: accountcontent !important; width: 100% !important; max-width: none !important; min-width: 0 !important; justify-self: stretch !important; align-self: start !important; padding: 30px 32px !important; } /* MENÜ TAM GENİŞLİK */ body.woocommerce-account .woocommerce-MyAccount-navigation ul, body.woocommerce-account .woocommerce-MyAccount-navigation ul li, body.woocommerce-account .woocommerce-MyAccount-navigation ul li a { width: 100% !important; box-sizing: border-box !important; } /* PANO İÇERİĞİ */ body.woocommerce-account .woocommerce-MyAccount-content > p { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } } /* ========================================================= TABLET 768PX - 1024PX ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { body.woocommerce-account .woocommerce { display: grid !important; grid-template-columns: 205px minmax(0, 1fr) !important; grid-template-areas: "accountnav accountcontent" !important; gap: 18px !important; align-items: start !important; width: calc(100% - 28px) !important; max-width: 960px !important; margin: 0 auto !important; padding: 25px 0 45px !important; box-sizing: border-box !important; } /* SOL MENÜ */ body.woocommerce-account .woocommerce-MyAccount-navigation { grid-area: accountnav !important; width: 205px !important; max-width: 205px !important; min-width: 0 !important; margin: 0 !important; padding: 10px !important; position: static !important; border-radius: 15px !important; } /* MENÜ YAZILARI */ body.woocommerce-account .woocommerce-MyAccount-navigation ul { display: block !important; width: 100% !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li { display: block !important; width: 100% !important; margin: 0 0 5px !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: flex !important; width: 100% !important; min-height: 43px !important; padding: 9px 8px 9px 38px !important; box-sizing: border-box !important; font-size: 10px !important; white-space: normal !important; } body.woocommerce-account .important; box-sizing: border-box !important; font-size: 10px !important; whitewoocommerce-MyAccount-navigation ul li a::before { left: 11px !important; font-size: 14px !important; } /* SAĞ İÇERİK */ body.woocommerce-account .woocommerce-MyAccount-content { grid-area: accountcontent !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 22px 24px !important; box-sizing: border-box !important; border-radius: 15px !important; } /* KARŞILAMA KUTUSU */ body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { width: 100% !important; margin: 0 0 16px !important; padding: 16px 18px 16px 50px !important; box-sizing: border-box !important; } /* AÇIKLAMA */ body.woocommerce-account .woocommerce-MyAccount-content > p { width: 100% !important; max-width: none !important; font-size: 12px !important; line-height: 1.65 !important; } /* ADRES KARTLARI */ body.woocommerce-account .woocommerce-Addresses { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } } /* ========================================================= ELEMENTOR / TEMA GENİŞLİK ENGELİNİ KALDIR ========================================================= */ @media (min-width: 768px) { body.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content { float: none !important; } body.woocommerce-account .woocommerce-MyAccount-navigation { order: 1 !important; } body.woocommerce-account .woocommerce-MyAccount-content { order: 2 !important; } /* İçerikte gereksiz max-width varsa kaldır */ body.woocommerce-account .woocommerce-MyAccount-content > *, body.woocommerce-account .woocommerce-MyAccount-content section, body.woocommerce-account .woocommerce-MyAccount-content form { max-width: 100% !important; box-sizing: border-box !important; } }/* End custom CSS */