.elementor-77 .elementor-element.elementor-element-348a23e{margin:-40px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-9e16cce .elementor-repeater-item-e8cc258 .swiper-slide-bg{background-image:url(https://zibamehri.com/wp-content/uploads/2026/08/بنر_زیبا_مهری.png);background-size:cover;}.elementor-77 .elementor-element.elementor-element-9e16cce .elementor-repeater-item-6b392d1 .swiper-slide-bg{background-image:url(https://zibamehri.com/wp-content/uploads/2026/08/بنر_زیبا_مهری2.png);background-size:cover;}.elementor-77 .elementor-element.elementor-element-9e16cce .swiper-slide{transition-duration:calc(5000ms*1.2);height:423px;}.elementor-77 .elementor-element.elementor-element-9e16cce > .elementor-widget-container{margin:-42px 250px 0px -376px;}.elementor-77 .elementor-element.elementor-element-9e16cce .swiper-slide-contents{max-width:66%;}.elementor-77 .elementor-element.elementor-element-9e16cce .swiper-slide-inner{text-align:center;}.elementor-77 .elementor-element.elementor-element-9e16cce .elementor-swiper-button{font-size:0px;}.elementor-77 .elementor-element.elementor-element-eb9b3f1{margin:-40px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-74c1142 .elementor-repeater-item-e8cc258 .swiper-slide-bg{background-image:url(https://zibamehri.com/wp-content/uploads/2026/08/بنر_زیبامهری.png);background-size:cover;}.elementor-77 .elementor-element.elementor-element-74c1142 .elementor-repeater-item-6b392d1 .swiper-slide-bg{background-image:url(https://zibamehri.com/wp-content/uploads/2026/08/بنر-زیبامهری2.png);background-size:cover;}.elementor-77 .elementor-element.elementor-element-74c1142 .swiper-slide{transition-duration:calc(5000ms*1.2);height:423px;}.elementor-77 .elementor-element.elementor-element-74c1142 > .elementor-widget-container{margin:0px 250px 0px -376px;}.elementor-77 .elementor-element.elementor-element-74c1142 .swiper-slide-contents{max-width:66%;}.elementor-77 .elementor-element.elementor-element-74c1142 .swiper-slide-inner{text-align:center;}.elementor-77 .elementor-element.elementor-element-35f1e19:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-77 .elementor-element.elementor-element-35f1e19 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF342;}.elementor-77 .elementor-element.elementor-element-35f1e19 > .elementor-element-populated, .elementor-77 .elementor-element.elementor-element-35f1e19 > .elementor-element-populated > .elementor-background-overlay, .elementor-77 .elementor-element.elementor-element-35f1e19 > .elementor-background-slideshow{border-radius:54px 54px 54px 54px;}.elementor-77 .elementor-element.elementor-element-35f1e19 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-77 .elementor-element.elementor-element-35f1e19 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-c3101a0{text-align:center;}.elementor-77 .elementor-element.elementor-element-c3101a0 .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;}.elementor-77 .elementor-element.elementor-element-cc7ab3f > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-cc7ab3f{text-align:center;}.elementor-77 .elementor-element.elementor-element-cc7ab3f .elementor-heading-title{font-family:"Kara", Sans-serif;font-size:39px;font-weight:900;line-height:50px;}.elementor-77 .elementor-element.elementor-element-214425f > .elementor-widget-container{padding:28px 28px 28px 28px;}.elementor-77 .elementor-element.elementor-element-214425f{text-align:center;font-family:"Kara", Sans-serif;font-size:16px;color:#000000;}.elementor-77 .elementor-element.elementor-element-6f027c5{margin:-43px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-b0bdd79 > .elementor-widget-container{padding:7px 0px 1px 0px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-b0bdd79{text-align:center;font-family:"Kara", Sans-serif;font-size:14px;color:#000000;}.elementor-77 .elementor-element.elementor-element-fa8a6ff > .elementor-widget-container{padding:7px 4px 1px 3px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-fa8a6ff{text-align:center;font-family:"Kara", Sans-serif;font-size:14px;color:#000000;}.elementor-77 .elementor-element.elementor-element-e7acd01.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-77 .elementor-element.elementor-element-ca9c79f > .elementor-widget-container{padding:7px 0px 1px 0px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-ca9c79f{text-align:center;font-family:"Kara", Sans-serif;font-size:14px;color:#000000;}.elementor-77 .elementor-element.elementor-element-f84e943{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:38px 0px 70px 0px;padding:0px -50px 0px 0px;z-index:1;}.elementor-77 .elementor-element.elementor-element-f84e943 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-6629e33:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5E1D57D;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:15px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated, .elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated > .elementor-background-overlay, .elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 0px 235px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-3c8cff0 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-3c8cff0{text-align:center;}.elementor-77 .elementor-element.elementor-element-3c8cff0 .elementor-heading-title{font-family:"Kara", Sans-serif;font-size:39px;font-weight:900;line-height:50px;}.elementor-77 .elementor-element.elementor-element-73d90a0{text-align:center;}.elementor-77 .elementor-element.elementor-element-73d90a0 .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;}.elementor-77 .elementor-element.elementor-element-1b50dd0{text-align:justify;font-family:"Kara", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-77 .elementor-element.elementor-element-6f4e2fd .elementor-button{background-color:#F4ECE505;font-family:"iranyekanx", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-c98cb51 );color:var( --e-global-color-c98cb51 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-77 .elementor-element.elementor-element-6f4e2fd > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-77 .elementor-element.elementor-element-6f4e2fd .elementor-button-content-wrapper{flex-direction:row;}.elementor-77 .elementor-element.elementor-element-6f4e2fd .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-77 .elementor-element.elementor-element-ec38918:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-ec38918 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F6;}.elementor-77 .elementor-element.elementor-element-ec38918, .elementor-77 .elementor-element.elementor-element-ec38918 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-77 .elementor-element.elementor-element-ec38918{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px -47px 0px;padding:10px 30px 10px 30px;}.elementor-77 .elementor-element.elementor-element-ec38918 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-c703315.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-77 .elementor-element.elementor-element-11d8d72{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;align-self:center;}.elementor-77 .elementor-element.elementor-element-11d8d72 > .elementor-widget-container{background-color:#F4ECE5;padding:25px 4px 20px 4px;border-radius:50px 50px 4px 4px;}.elementor-77 .elementor-element.elementor-element-11d8d72 .elementor-counter-number-wrapper{font-family:"iranyekanx", Sans-serif;font-size:32px;font-weight:600;}.elementor-77 .elementor-element.elementor-element-11d8d72 .elementor-counter-title{color:#5F5851;font-family:"iranyekanx", Sans-serif;font-size:10px;font-weight:400;}.elementor-77 .elementor-element.elementor-element-484de63{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;align-self:center;text-align:start;font-size:12px;font-weight:400;line-height:16px;}.elementor-77 .elementor-element.elementor-element-068e94b.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-77 .elementor-element.elementor-element-068e94b > .elementor-element-populated{border-style:solid;border-width:0px 1px 0px 0px;border-color:#BFBFBF;}.elementor-77 .elementor-element.elementor-element-068e94b > .elementor-element-populated, .elementor-77 .elementor-element.elementor-element-068e94b > .elementor-element-populated > .elementor-background-overlay, .elementor-77 .elementor-element.elementor-element-068e94b > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-c9231e2{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;align-self:center;}.elementor-77 .elementor-element.elementor-element-c9231e2 > .elementor-widget-container{background-color:#F4ECE5;padding:25px 4px 20px 4px;border-radius:50px 50px 4px 4px;}.elementor-77 .elementor-element.elementor-element-c9231e2 .elementor-counter-number-wrapper{font-family:"iranyekanx", Sans-serif;font-size:32px;font-weight:600;}.elementor-77 .elementor-element.elementor-element-c9231e2 .elementor-counter-title{color:#5F5851;font-family:"iranyekanx", Sans-serif;font-size:10px;font-weight:400;}.elementor-77 .elementor-element.elementor-element-8fb2523{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;align-self:center;text-align:start;font-size:12px;font-weight:400;line-height:16px;}.elementor-77 .elementor-element.elementor-element-578d486 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-e1245a0{width:var( --container-widget-width, 180.597% );max-width:180.597%;--container-widget-width:180.597%;--container-widget-flex-grow:0;}.elementor-77 .elementor-element.elementor-element-e1245a0 > .elementor-widget-container{margin:67px -140px 30px 0px;padding:0px 0px 0px 0px;border-radius:171px 171px 171px 171px;}.elementor-77 .elementor-element.elementor-element-e1245a0 img{width:100%;}.elementor-77 .elementor-element.elementor-element-28a8238{margin:102px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-9e92574:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-77 .elementor-element.elementor-element-9e92574 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF342;}.elementor-77 .elementor-element.elementor-element-9e92574 > .elementor-element-populated, .elementor-77 .elementor-element.elementor-element-9e92574 > .elementor-element-populated > .elementor-background-overlay, .elementor-77 .elementor-element.elementor-element-9e92574 > .elementor-background-slideshow{border-radius:54px 54px 54px 54px;}.elementor-77 .elementor-element.elementor-element-9e92574 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-77 .elementor-element.elementor-element-9e92574 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-f5c6931 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-f5c6931{text-align:center;}.elementor-77 .elementor-element.elementor-element-f5c6931 .elementor-heading-title{font-family:"Kara", Sans-serif;font-size:39px;font-weight:900;line-height:50px;}.elementor-77 .elementor-element.elementor-element-32f7c0c{text-align:center;}.elementor-77 .elementor-element.elementor-element-32f7c0c .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;}.elementor-77 .elementor-element.elementor-element-45ac5ae > .elementor-widget-container{padding:28px 28px 28px 28px;}.elementor-77 .elementor-element.elementor-element-45ac5ae{text-align:center;font-family:"Kara", Sans-serif;font-size:16px;color:#000000;}.elementor-77 .elementor-element.elementor-element-d67aba1 > .elementor-widget-container{border-radius:48px 48px 48px 48px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-d67aba1 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-77 .elementor-element.elementor-element-fb507ae:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-fb507ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF3;}.elementor-77 .elementor-element.elementor-element-fb507ae > .elementor-container{max-width:815px;}.elementor-77 .elementor-element.elementor-element-fb507ae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:18px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-fb507ae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-77 .elementor-element.elementor-element-fc9291d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77 .elementor-element.elementor-element-fc9291d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-77 .elementor-element.elementor-element-51ce577 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-77 .elementor-element.elementor-element-7f78160{text-align:center;}.elementor-77 .elementor-element.elementor-element-7f78160 .elementor-heading-title{font-family:"Kara", Sans-serif;}.elementor-77 .elementor-element.elementor-element-b9a37c4 > .elementor-widget-container{padding:18px 18px 18px 18px;border-radius:29px 29px 29px 29px;box-shadow:0px 0px 10px 0px rgba(72.08852585952268, 116.95468749999999, 53.6466066576087, 0.5);}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-field-type-html{padding-bottom:0px;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .e-form__buttons__wrapper__button-next{background-color:#638966;color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-button[type="submit"]{background-color:#638966;color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-77 .elementor-element.elementor-element-b9a37c4{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-77 .elementor-element.elementor-element-ba06ba5 > .elementor-container{max-width:1094px;}.elementor-77 .elementor-element.elementor-element-ba06ba5{margin:20px 0px 0px 0px;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated{padding:149px 40px 0px 40px;}.elementor-77 .elementor-element.elementor-element-e1245a0 > .elementor-widget-container{margin:0px 0px -128px 0px;}.elementor-77 .elementor-element.elementor-element-e1245a0 img{width:312px;}}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-35f1e19{width:54.253%;}.elementor-77 .elementor-element.elementor-element-4bfaa05{width:45.598%;}.elementor-77 .elementor-element.elementor-element-6629e33{width:80.472%;}.elementor-77 .elementor-element.elementor-element-578d486{width:19.479%;}.elementor-77 .elementor-element.elementor-element-9e92574{width:52.835%;}.elementor-77 .elementor-element.elementor-element-4c00836{width:47.016%;}}@media(max-width:1024px) and (min-width:768px){.elementor-77 .elementor-element.elementor-element-6629e33{width:100%;}.elementor-77 .elementor-element.elementor-element-578d486{width:100%;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-74c1142 > .elementor-widget-container{margin:-30px 11px 0px -113px;}.elementor-77 .elementor-element.elementor-element-74c1142 .swiper-slide{height:221px;}.elementor-77 .elementor-element.elementor-element-74c1142 .elementor-swiper-button{font-size:0px;}.elementor-77 .elementor-element.elementor-element-74c1142 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;height:0px;width:0px;}.elementor-77 .elementor-element.elementor-element-74c1142 .swiper-horizontal .swiper-pagination-progressbar{height:0px;}.elementor-77 .elementor-element.elementor-element-74c1142 .swiper-pagination-fraction{font-size:0px;}.elementor-77 .elementor-element.elementor-element-35f1e19 > .elementor-element-populated{margin:-9px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-77 .elementor-element.elementor-element-c3101a0{text-align:center;}.elementor-77 .elementor-element.elementor-element-cc7ab3f{text-align:center;}.elementor-77 .elementor-element.elementor-element-cc7ab3f .elementor-heading-title{font-size:25px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated{padding:142px 30px 0px 30px;}.elementor-77 .elementor-element.elementor-element-3c8cff0{text-align:center;}.elementor-77 .elementor-element.elementor-element-3c8cff0 .elementor-heading-title{font-size:25px;}.elementor-77 .elementor-element.elementor-element-73d90a0{text-align:center;}.elementor-77 .elementor-element.elementor-element-ec38918{margin:0px 0px -67px 0px;}.elementor-77 .elementor-element.elementor-element-068e94b > .elementor-element-populated{border-width:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-e1245a0 > .elementor-widget-container{margin:0px 85px -128px 0px;border-radius:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-e1245a0{z-index:1;}.elementor-77 .elementor-element.elementor-element-e1245a0 img{width:173px;}.elementor-77 .elementor-element.elementor-element-9e92574 > .elementor-element-populated{margin:-9px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-77 .elementor-element.elementor-element-f5c6931{text-align:center;}.elementor-77 .elementor-element.elementor-element-f5c6931 .elementor-heading-title{font-size:25px;}.elementor-77 .elementor-element.elementor-element-32f7c0c{text-align:center;}.elementor-77 .elementor-element.elementor-element-fb507ae{margin:-9px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-fc9291d > .elementor-element-populated{margin:14px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-77 .elementor-element.elementor-element-51ce577{margin:-5px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-7f78160{text-align:center;}}/* Start custom CSS for slides, class: .elementor-element-9e16cce *//* ============================================
   اسلایدر مطب مشاور تغذیه - سفید و سبز
   آرامش‌بخش، حرفه‌ای و شیک
   ============================================ */

/* ============================================
   1. استایل کلی اسلایدر
   ============================================ */

.elementor-widget-slides .elementor-slides-wrapper,
.elementor-slides .swiper-wrapper,
.elementor-widget-n-carousel .swiper-wrapper {
    perspective: 1300px;
    padding: 50px 0 60px 0;
    overflow: visible !important;
    display: flex;
    align-items: center !important;
}

/* ---- هر اسلاید ---- */
.elementor-slides .swiper-slide,
.elementor-n-carousel .swiper-slide {
    transform-style: preserve-3d;
    transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1);
    backface-visibility: hidden;
    will-change: transform, opacity;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(145deg, #ffffff, #f0faf0) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.02);
    margin: 0 auto;
    max-width: 92%;
    position: relative;
    transform-origin: center center;
    opacity: 0.3;
    transform: scale(0.85) translateZ(-50px);
}

/* ============================================
   2. اسلاید فعال - شناور
   ============================================ */

.elementor-slides .swiper-slide-active,
.elementor-n-carousel .swiper-slide-active {
    transform: scale(1) translateZ(60px) !important;
    opacity: 1 !important;
    z-index: 10;
    border: 2px solid rgba(34, 197, 94, 0.10);
    box-shadow: 0 40px 100px rgba(34, 197, 94, 0.04), 0 0 0 6px rgba(34, 197, 94, 0.01);
    animation: slideFloatGreen 5s ease-in-out infinite;
    max-width: 95%;
}

@keyframes slideFloatGreen {
    0% { transform: scale(1) translateZ(60px) translateY(0px); }
    50% { transform: scale(1.01) translateZ(75px) translateY(-10px); }
    100% { transform: scale(1) translateZ(60px) translateY(0px); }
}

/* ============================================
   3. جا‌به‌جایی اسلایدها
   ============================================ */

.elementor-slides .swiper-slide-prev,
.elementor-n-carousel .swiper-slide-prev {
    transform: scale(0.82) translateX(-40px) translateZ(-60px) rotateY(8deg) !important;
    opacity: 0.35 !important;
    filter: brightness(0.95) saturate(0.5) blur(0.5px);
    z-index: 5;
}

.elementor-slides .swiper-slide-next,
.elementor-n-carousel .swiper-slide-next {
    transform: scale(0.82) translateX(40px) translateZ(-60px) rotateY(-8deg) !important;
    opacity: 0.35 !important;
    filter: brightness(0.95) saturate(0.5) blur(0.5px);
    z-index: 5;
}

.elementor-slides .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next),
.elementor-n-carousel .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    transform: scale(0.7) translateZ(-100px) !important;
    opacity: 0.1 !important;
    filter: brightness(0.85) saturate(0.3) blur(1px);
}

/* ============================================
   4. محتوای اسلاید
   ============================================ */

.elementor-slides .swiper-slide .elementor-slide-content,
.elementor-n-carousel .swiper-slide .elementor-slide-content {
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.98) 0%,
        rgba(240, 250, 240, 0.95) 100%
    );
    padding: 50px 40px 45px 40px;
    border-radius: 20px;
    position: relative;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(34, 197, 94, 0.03);
    transition: all 0.6s ease;
}

/* ---- آیکون تغذیه ---- */
.elementor-slides .swiper-slide .elementor-slide-content::before,
.elementor-n-carousel .swiper-slide .elementor-slide-content::before {
    content: '🥗';
    position: absolute;
    top: -28px;
    right: 35px;
    font-size: 34px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: white;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.10);
    border: 4px solid #ffffff;
    transition: all 0.6s ease;
    animation: iconPulseGreen 3s ease-in-out infinite;
}

@keyframes iconPulseGreen {
    0%, 100% { box-shadow: 0 10px 40px rgba(34, 197, 94, 0.10); transform: scale(1); }
    50% { box-shadow: 0 15px 60px rgba(34, 197, 94, 0.15); transform: scale(1.05); }
}

/* ---- عنوان ---- */
.elementor-slides .swiper-slide .elementor-slide-heading,
.elementor-n-carousel .swiper-slide .elementor-slide-heading,
.elementor-slides .swiper-slide h2 {
    color: #14532d !important;
    font-weight: 800;
    font-size: clamp(1.8rem, 4.5vw, 3.2rem) !important;
    margin-bottom: 14px;
    letter-spacing: -0.5px;
    line-height: 1.2;
    padding-right: 80px;
}

.elementor-slides .swiper-slide .elementor-slide-heading span,
.elementor-n-carousel .swiper-slide .elementor-slide-heading span {
    color: #22c55e;
    position: relative;
}

.elementor-slides .swiper-slide .elementor-slide-heading span::after,
.elementor-n-carousel .swiper-slide .elementor-slide-heading span::after {
    content: '';
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #22c55e, #4ade80, #22c55e);
    border-radius: 2px;
    opacity: 0.2;
    animation: underlineShineGreen 3s ease-in-out infinite;
}

@keyframes underlineShineGreen {
    0%, 100% { opacity: 0.15; transform: scaleX(1); }
    50% { opacity: 0.4; transform: scaleX(1.05); }
}

/* ---- توضیحات ---- */
.elementor-slides .swiper-slide .elementor-slide-description,
.elementor-n-carousel .swiper-slide .elementor-slide-description,
.elementor-slides .swiper-slide p {
    color: #166534 !important;
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 2;
    font-weight: 400;
    margin-bottom: 20px;
    padding-right: 80px;
    max-width: 85%;
}

/* ---- دکمه سبز ---- */
.elementor-slides .swiper-slide .elementor-button,
.elementor-n-carousel .swiper-slide .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 16px 40px;
    border-radius: 60px;
    border: none !important;
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.10);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-transform: none;
    letter-spacing: 0.5px;
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    position: relative;
    overflow: hidden;
    margin-right: 80px;
}

.elementor-slides .swiper-slide .elementor-button::before,
.elementor-n-carousel .swiper-slide .elementor-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
    opacity: 0;
    transition: all 0.6s ease;
    transform: scale(0.5);
}

.elementor-slides .swiper-slide .elementor-button:hover::before,
.elementor-n-carousel .swiper-slide .elementor-button:hover::before {
    opacity: 1;
    transform: scale(1);
}

.elementor-slides .swiper-slide .elementor-button:hover,
.elementor-n-carousel .swiper-slide .elementor-button:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 12px 40px rgba(34, 197, 94, 0.15);
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
}

/* ---- دکمه سفید ---- */
.elementor-slides .swiper-slide .elementor-button-white,
.elementor-n-carousel .swiper-slide .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.08) !important;
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.02);
    margin-right: 12px;
}

.elementor-slides .swiper-slide .elementor-button-white:hover,
.elementor-n-carousel .swiper-slide .elementor-button-white:hover {
    background: #f0faf0 !important;
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.04);
    transform: translateY(-3px) scale(1.03);
}

/* ============================================
   5. المان‌های تغذیه
   ============================================ */

.nutrition-icons {
    display: flex;
    gap: 16px;
    margin-top: 18px;
    padding-right: 80px;
    flex-wrap: wrap;
}

.nutrition-icons .icon-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #166534;
    background: rgba(34, 197, 94, 0.02);
    padding: 8px 18px;
    border-radius: 60px;
    border: 1px solid rgba(34, 197, 94, 0.04);
    transition: all 0.4s ease;
}

.nutrition-icons .icon-item:hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: rgba(34, 197, 94, 0.08);
    transform: translateY(-3px);
}

.nutrition-icons .icon-item i {
    color: #22c55e;
    font-size: 16px;
}

/* ============================================
   6. تصاویر
   ============================================ */

.elementor-slides .swiper-slide img,
.elementor-n-carousel .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 320px;
    max-height: 580px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1);
    filter: brightness(0.97) saturate(1.02);
    border-bottom: 3px solid rgba(34, 197, 94, 0.03);
    display: block;
}

.elementor-slides .swiper-slide-active img,
.elementor-n-carousel .swiper-slide-active img {
    transform: scale(1.05) translateZ(20px);
    filter: brightness(1.02) saturate(1.05);
    border-bottom-color: rgba(34, 197, 94, 0.06);
}

.elementor-slides .swiper-slide .elementor-slide-image::after,
.elementor-n-carousel .swiper-slide .elementor-slide-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, 
        rgba(34, 197, 94, 0) 0%,
        rgba(34, 197, 94, 0) 50%,
        rgba(34, 197, 94, 0.01) 100%
    );
    pointer-events: none;
    border-radius: 20px 20px 0 0;
}

/* ============================================
   7. ناوبری
   ============================================ */

.elementor-slides .swiper-button-prev,
.elementor-slides .swiper-button-next,
.elementor-n-carousel .swiper-button-prev,
.elementor-n-carousel .swiper-button-next {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 50%;
    width: 60px !important;
    height: 60px !important;
    backdrop-filter: blur(15px);
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.02);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateZ(40px);
}

.elementor-slides .swiper-button-prev:hover,
.elementor-slides .swiper-button-next:hover,
.elementor-n-carousel .swiper-button-prev:hover,
.elementor-n-carousel .swiper-button-next:hover {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 15px 50px rgba(34, 197, 94, 0.06);
    transform: translateZ(60px) scale(1.08);
}

.elementor-slides .swiper-button-prev::after,
.elementor-slides .swiper-button-next::after,
.elementor-n-carousel .swiper-button-prev::after,
.elementor-n-carousel .swiper-button-next::after {
    font-size: 20px !important;
    font-weight: 400;
}

/* ---- دات‌ها ---- */
.elementor-slides .swiper-pagination,
.elementor-n-carousel .swiper-pagination {
    bottom: 10px !important;
}

.elementor-slides .swiper-pagination-bullet,
.elementor-n-carousel .swiper-pagination-bullet {
    background: #d1d5db !important;
    border: none;
    width: 12px !important;
    height: 12px !important;
    opacity: 1 !important;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    margin: 0 7px !important;
    transform: translateZ(15px);
}

.elementor-slides .swiper-pagination-bullet-active,
.elementor-n-carousel .swiper-pagination-bullet-active {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    width: 40px !important;
    height: 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 30px rgba(34, 197, 94, 0.06);
    transform: translateZ(25px) scale(1.05);
}

.elementor-slides .swiper-pagination-bullet:hover,
.elementor-n-carousel .swiper-pagination-bullet:hover {
    transform: scale(1.2) translateZ(20px);
    background: #9ca3af !important;
}

/* ============================================
   8. کلاس‌های سفارشی
   ============================================ */

.slider-nutrition .swiper-slide {
    border-radius: 28px;
    background: linear-gradient(145deg, #ffffff, #f0faf0) !important;
}

.slider-nutrition .swiper-slide-active {
    border: 2px solid rgba(34, 197, 94, 0.10);
    box-shadow: 0 40px 100px rgba(34, 197, 94, 0.04);
}

/* ---- اسلایدر با حاشیه سبز براق ---- */
.slider-green-glow .swiper-slide-active {
    border: 2px solid rgba(34, 197, 94, 0.08);
    box-shadow: 0 40px 100px rgba(34, 197, 94, 0.03), 0 0 0 8px rgba(34, 197, 94, 0.01);
}

/* ---- اسلایدر شیشه‌ای ---- */
.slider-glass-green .swiper-slide {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.slider-glass-green .swiper-slide-active {
    border: 2px solid rgba(34, 197, 94, 0.06);
    background: rgba(255, 255, 255, 0.85) !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

@media screen and (max-width: 1024px) {
    .elementor-slides .swiper-slide-active {
        transform: scale(1) translateZ(35px) !important;
        max-width: 96%;
    }
    .elementor-slides .swiper-slide-prev,
    .elementor-slides .swiper-slide-next {
        transform: scale(0.8) translateX(-20px) translateZ(-40px) rotateY(6deg) !important;
    }
    .elementor-slides .swiper-slide-next {
        transform: scale(0.8) translateX(20px) translateZ(-40px) rotateY(-6deg) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-content {
        padding: 40px 30px 35px 30px;
    }
    .elementor-slides .swiper-slide img {
        min-height: 260px;
        max-height: 420px;
    }
    .elementor-slides .swiper-slide .elementor-slide-content::before {
        width: 50px;
        height: 50px;
        font-size: 28px;
        top: -24px;
        right: 25px;
    }
    .elementor-slides .swiper-slide .elementor-slide-heading,
    .elementor-slides .swiper-slide h2 {
        padding-right: 65px;
        font-size: clamp(1.6rem, 4vw, 2.4rem) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-description,
    .elementor-slides .swiper-slide p {
        padding-right: 65px;
        max-width: 90%;
    }
    .elementor-slides .swiper-slide .elementor-button {
        margin-right: 65px;
        padding: 14px 34px;
    }
    .nutrition-icons {
        padding-right: 65px;
    }
    .elementor-slides .swiper-button-prev,
    .elementor-slides .swiper-button-next {
        width: 50px !important;
        height: 50px !important;
    }
}

@media screen and (max-width: 768px) {
    .elementor-slides .swiper-slide {
        border-radius: 20px;
        max-width: 94%;
    }
    .elementor-slides .swiper-slide-active {
        transform: scale(1) translateZ(20px) !important;
        max-width: 96%;
    }
    .elementor-slides .swiper-slide-prev,
    .elementor-slides .swiper-slide-next {
        transform: scale(0.78) translateX(-15px) translateZ(-30px) rotateY(5deg) !important;
        opacity: 0.25 !important;
    }
    .elementor-slides .swiper-slide-next {
        transform: scale(0.78) translateX(15px) translateZ(-30px) rotateY(-5deg) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-content {
        padding: 30px 20px 25px 20px;
    }
    .elementor-slides .swiper-slide img {
        min-height: 200px;
        max-height: 320px;
        border-radius: 16px 16px 0 0;
    }
    .elementor-slides .swiper-slide-active img {
        transform: scale(1.04) translateZ(12px);
        min-height: 210px;
        max-height: 330px;
    }
    .elementor-slides .swiper-slide .elementor-slide-content::before {
        width: 42px;
        height: 42px;
        font-size: 22px;
        top: -20px;
        right: 18px;
        border-width: 3px;
    }
    .elementor-slides .swiper-slide .elementor-slide-heading,
    .elementor-slides .swiper-slide h2 {
        font-size: clamp(1.3rem, 5vw, 1.8rem) !important;
        padding-right: 52px;
        margin-bottom: 8px;
    }
    .elementor-slides .swiper-slide .elementor-slide-description,
    .elementor-slides .swiper-slide p {
        font-size: clamp(0.85rem, 3vw, 1rem) !important;
        padding-right: 52px;
        max-width: 100%;
        line-height: 1.7;
        margin-bottom: 14px;
    }
    .elementor-slides .swiper-slide .elementor-button {
        padding: 12px 28px !important;
        font-size: clamp(0.8rem, 2.5vw, 0.9rem) !important;
        margin-right: 52px;
    }
    .nutrition-icons {
        padding-right: 52px;
        gap: 10px;
    }
    .nutrition-icons .icon-item {
        font-size: 0.75rem;
        padding: 5px 12px;
    }
    .elementor-slides .swiper-button-prev,
    .elementor-slides .swiper-button-next {
        width: 40px !important;
        height: 40px !important;
    }
    .elementor-slides .swiper-button-prev::after,
    .elementor-slides .swiper-button-next::after {
        font-size: 15px !important;
    }
    .elementor-slides .swiper-pagination-bullet {
        width: 9px !important;
        height: 9px !important;
        margin: 0 5px !important;
    }
    .elementor-slides .swiper-pagination-bullet-active {
        width: 30px !important;
        height: 9px !important;
        border-radius: 9px !important;
    }
}

@media screen and (max-width: 480px) {
    .elementor-slides .swiper-slide {
        border-radius: 16px;
        max-width: 96%;
    }
    .elementor-slides .swiper-slide-active {
        transform: scale(1) translateZ(12px) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-content {
        padding: 22px 14px 18px 14px;
    }
    .elementor-slides .swiper-slide img {
        min-height: 150px;
        max-height: 220px;
        border-radius: 12px 12px 0 0;
    }
    .elementor-slides .swiper-slide-active img {
        transform: scale(1.02) translateZ(8px);
        min-height: 155px;
        max-height: 230px;
    }
    .elementor-slides .swiper-slide .elementor-slide-content::before {
        width: 34px;
        height: 34px;
        font-size: 17px;
        top: -16px;
        right: 12px;
        border-width: 2px;
    }
    .elementor-slides .swiper-slide .elementor-slide-heading,
    .elementor-slides .swiper-slide h2 {
        font-size: clamp(1rem, 4.5vw, 1.3rem) !important;
        padding-right: 40px;
        margin-bottom: 5px;
    }
    .elementor-slides .swiper-slide .elementor-slide-description,
    .elementor-slides .swiper-slide p {
        font-size: clamp(0.7rem, 2.8vw, 0.8rem) !important;
        padding-right: 40px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .elementor-slides .swiper-slide .elementor-button {
        padding: 8px 18px !important;
        font-size: clamp(0.65rem, 2.2vw, 0.75rem) !important;
        margin-right: 40px;
    }
    .nutrition-icons {
        padding-right: 40px;
        gap: 6px;
    }
    .nutrition-icons .icon-item {
        font-size: 0.65rem;
        padding: 4px 10px;
    }
    .elementor-slides .swiper-button-prev,
    .elementor-slides .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
    }
    .elementor-slides .swiper-button-prev::after,
    .elementor-slides .swiper-button-next::after {
        font-size: 12px !important;
    }
    .elementor-slides .swiper-pagination-bullet {
        width: 7px !important;
        height: 7px !important;
        margin: 0 4px !important;
    }
    .elementor-slides .swiper-pagination-bullet-active {
        width: 22px !important;
        height: 7px !important;
        border-radius: 7px !important;
    }
}

/* ============================================
   10. کلاس‌های قابل استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes ویجت اسلایدر:
   
   - slider-nutrition   : اسلایدر تغذیه (اصلی)
   - slider-green-glow  : اسلایدر با حاشیه سبز براق
   - slider-glass-green : اسلایدر شیشه‌ای سبز
*/

/*
   مثال:
   slider-nutrition slider-glass-green
*//* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-74c1142 *//* ============================================
   اسلایدر مطب مشاور تغذیه - سفید و سبز
   آرامش‌بخش، حرفه‌ای و شیک
   ============================================ */

/* ============================================
   1. استایل کلی اسلایدر
   ============================================ */

.elementor-widget-slides .elementor-slides-wrapper,
.elementor-slides .swiper-wrapper,
.elementor-widget-n-carousel .swiper-wrapper {
    perspective: 1300px;
    padding: 50px 0 60px 0;
    overflow: visible !important;
    display: flex;
    align-items: center !important;
}

/* ---- هر اسلاید ---- */
.elementor-slides .swiper-slide,
.elementor-n-carousel .swiper-slide {
    transform-style: preserve-3d;
    transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1);
    backface-visibility: hidden;
    will-change: transform, opacity;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(145deg, #ffffff, #f0faf0) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.02);
    margin: 0 auto;
    max-width: 92%;
    position: relative;
    transform-origin: center center;
    opacity: 0.3;
    transform: scale(0.85) translateZ(-50px);
}

/* ============================================
   2. اسلاید فعال - شناور
   ============================================ */

.elementor-slides .swiper-slide-active,
.elementor-n-carousel .swiper-slide-active {
    transform: scale(1) translateZ(60px) !important;
    opacity: 1 !important;
    z-index: 10;
    border: 2px solid rgba(34, 197, 94, 0.10);
    box-shadow: 0 40px 100px rgba(34, 197, 94, 0.04), 0 0 0 6px rgba(34, 197, 94, 0.01);
    animation: slideFloatGreen 5s ease-in-out infinite;
    max-width: 95%;
}

@keyframes slideFloatGreen {
    0% { transform: scale(1) translateZ(60px) translateY(0px); }
    50% { transform: scale(1.01) translateZ(75px) translateY(-10px); }
    100% { transform: scale(1) translateZ(60px) translateY(0px); }
}

/* ============================================
   3. جا‌به‌جایی اسلایدها
   ============================================ */

.elementor-slides .swiper-slide-prev,
.elementor-n-carousel .swiper-slide-prev {
    transform: scale(0.82) translateX(-40px) translateZ(-60px) rotateY(8deg) !important;
    opacity: 0.35 !important;
    filter: brightness(0.95) saturate(0.5) blur(0.5px);
    z-index: 5;
}

.elementor-slides .swiper-slide-next,
.elementor-n-carousel .swiper-slide-next {
    transform: scale(0.82) translateX(40px) translateZ(-60px) rotateY(-8deg) !important;
    opacity: 0.35 !important;
    filter: brightness(0.95) saturate(0.5) blur(0.5px);
    z-index: 5;
}

.elementor-slides .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next),
.elementor-n-carousel .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    transform: scale(0.7) translateZ(-100px) !important;
    opacity: 0.1 !important;
    filter: brightness(0.85) saturate(0.3) blur(1px);
}

/* ============================================
   4. محتوای اسلاید
   ============================================ */

.elementor-slides .swiper-slide .elementor-slide-content,
.elementor-n-carousel .swiper-slide .elementor-slide-content {
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.98) 0%,
        rgba(240, 250, 240, 0.95) 100%
    );
    padding: 50px 40px 45px 40px;
    border-radius: 20px;
    position: relative;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(34, 197, 94, 0.03);
    transition: all 0.6s ease;
}

/* ---- آیکون تغذیه ---- */
.elementor-slides .swiper-slide .elementor-slide-content::before,
.elementor-n-carousel .swiper-slide .elementor-slide-content::before {
    content: '🥗';
    position: absolute;
    top: -28px;
    right: 35px;
    font-size: 34px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: white;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.10);
    border: 4px solid #ffffff;
    transition: all 0.6s ease;
    animation: iconPulseGreen 3s ease-in-out infinite;
}

@keyframes iconPulseGreen {
    0%, 100% { box-shadow: 0 10px 40px rgba(34, 197, 94, 0.10); transform: scale(1); }
    50% { box-shadow: 0 15px 60px rgba(34, 197, 94, 0.15); transform: scale(1.05); }
}

/* ---- عنوان ---- */
.elementor-slides .swiper-slide .elementor-slide-heading,
.elementor-n-carousel .swiper-slide .elementor-slide-heading,
.elementor-slides .swiper-slide h2 {
    color: #14532d !important;
    font-weight: 800;
    font-size: clamp(1.8rem, 4.5vw, 3.2rem) !important;
    margin-bottom: 14px;
    letter-spacing: -0.5px;
    line-height: 1.2;
    padding-right: 80px;
}

.elementor-slides .swiper-slide .elementor-slide-heading span,
.elementor-n-carousel .swiper-slide .elementor-slide-heading span {
    color: #22c55e;
    position: relative;
}

.elementor-slides .swiper-slide .elementor-slide-heading span::after,
.elementor-n-carousel .swiper-slide .elementor-slide-heading span::after {
    content: '';
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #22c55e, #4ade80, #22c55e);
    border-radius: 2px;
    opacity: 0.2;
    animation: underlineShineGreen 3s ease-in-out infinite;
}

@keyframes underlineShineGreen {
    0%, 100% { opacity: 0.15; transform: scaleX(1); }
    50% { opacity: 0.4; transform: scaleX(1.05); }
}

/* ---- توضیحات ---- */
.elementor-slides .swiper-slide .elementor-slide-description,
.elementor-n-carousel .swiper-slide .elementor-slide-description,
.elementor-slides .swiper-slide p {
    color: #166534 !important;
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 2;
    font-weight: 400;
    margin-bottom: 20px;
    padding-right: 80px;
    max-width: 85%;
}

/* ---- دکمه سبز ---- */
.elementor-slides .swiper-slide .elementor-button,
.elementor-n-carousel .swiper-slide .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 16px 40px;
    border-radius: 60px;
    border: none !important;
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.10);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-transform: none;
    letter-spacing: 0.5px;
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    position: relative;
    overflow: hidden;
    margin-right: 80px;
}

.elementor-slides .swiper-slide .elementor-button::before,
.elementor-n-carousel .swiper-slide .elementor-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
    opacity: 0;
    transition: all 0.6s ease;
    transform: scale(0.5);
}

.elementor-slides .swiper-slide .elementor-button:hover::before,
.elementor-n-carousel .swiper-slide .elementor-button:hover::before {
    opacity: 1;
    transform: scale(1);
}

.elementor-slides .swiper-slide .elementor-button:hover,
.elementor-n-carousel .swiper-slide .elementor-button:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 12px 40px rgba(34, 197, 94, 0.15);
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
}

/* ---- دکمه سفید ---- */
.elementor-slides .swiper-slide .elementor-button-white,
.elementor-n-carousel .swiper-slide .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.08) !important;
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.02);
    margin-right: 12px;
}

.elementor-slides .swiper-slide .elementor-button-white:hover,
.elementor-n-carousel .swiper-slide .elementor-button-white:hover {
    background: #f0faf0 !important;
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.04);
    transform: translateY(-3px) scale(1.03);
}

/* ============================================
   5. المان‌های تغذیه
   ============================================ */

.nutrition-icons {
    display: flex;
    gap: 16px;
    margin-top: 18px;
    padding-right: 80px;
    flex-wrap: wrap;
}

.nutrition-icons .icon-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #166534;
    background: rgba(34, 197, 94, 0.02);
    padding: 8px 18px;
    border-radius: 60px;
    border: 1px solid rgba(34, 197, 94, 0.04);
    transition: all 0.4s ease;
}

.nutrition-icons .icon-item:hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: rgba(34, 197, 94, 0.08);
    transform: translateY(-3px);
}

.nutrition-icons .icon-item i {
    color: #22c55e;
    font-size: 16px;
}

/* ============================================
   6. تصاویر
   ============================================ */

.elementor-slides .swiper-slide img,
.elementor-n-carousel .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 320px;
    max-height: 580px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1);
    filter: brightness(0.97) saturate(1.02);
    border-bottom: 3px solid rgba(34, 197, 94, 0.03);
    display: block;
}

.elementor-slides .swiper-slide-active img,
.elementor-n-carousel .swiper-slide-active img {
    transform: scale(1.05) translateZ(20px);
    filter: brightness(1.02) saturate(1.05);
    border-bottom-color: rgba(34, 197, 94, 0.06);
}

.elementor-slides .swiper-slide .elementor-slide-image::after,
.elementor-n-carousel .swiper-slide .elementor-slide-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, 
        rgba(34, 197, 94, 0) 0%,
        rgba(34, 197, 94, 0) 50%,
        rgba(34, 197, 94, 0.01) 100%
    );
    pointer-events: none;
    border-radius: 20px 20px 0 0;
}

/* ============================================
   7. ناوبری
   ============================================ */

.elementor-slides .swiper-button-prev,
.elementor-slides .swiper-button-next,
.elementor-n-carousel .swiper-button-prev,
.elementor-n-carousel .swiper-button-next {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 50%;
    width: 60px !important;
    height: 60px !important;
    backdrop-filter: blur(15px);
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.02);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateZ(40px);
}

.elementor-slides .swiper-button-prev:hover,
.elementor-slides .swiper-button-next:hover,
.elementor-n-carousel .swiper-button-prev:hover,
.elementor-n-carousel .swiper-button-next:hover {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 15px 50px rgba(34, 197, 94, 0.06);
    transform: translateZ(60px) scale(1.08);
}

.elementor-slides .swiper-button-prev::after,
.elementor-slides .swiper-button-next::after,
.elementor-n-carousel .swiper-button-prev::after,
.elementor-n-carousel .swiper-button-next::after {
    font-size: 20px !important;
    font-weight: 400;
}

/* ---- دات‌ها ---- */
.elementor-slides .swiper-pagination,
.elementor-n-carousel .swiper-pagination {
    bottom: 10px !important;
}

.elementor-slides .swiper-pagination-bullet,
.elementor-n-carousel .swiper-pagination-bullet {
    background: #d1d5db !important;
    border: none;
    width: 12px !important;
    height: 12px !important;
    opacity: 1 !important;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    margin: 0 7px !important;
    transform: translateZ(15px);
}

.elementor-slides .swiper-pagination-bullet-active,
.elementor-n-carousel .swiper-pagination-bullet-active {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    width: 40px !important;
    height: 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 30px rgba(34, 197, 94, 0.06);
    transform: translateZ(25px) scale(1.05);
}

.elementor-slides .swiper-pagination-bullet:hover,
.elementor-n-carousel .swiper-pagination-bullet:hover {
    transform: scale(1.2) translateZ(20px);
    background: #9ca3af !important;
}

/* ============================================
   8. کلاس‌های سفارشی
   ============================================ */

.slider-nutrition .swiper-slide {
    border-radius: 28px;
    background: linear-gradient(145deg, #ffffff, #f0faf0) !important;
}

.slider-nutrition .swiper-slide-active {
    border: 2px solid rgba(34, 197, 94, 0.10);
    box-shadow: 0 40px 100px rgba(34, 197, 94, 0.04);
}

/* ---- اسلایدر با حاشیه سبز براق ---- */
.slider-green-glow .swiper-slide-active {
    border: 2px solid rgba(34, 197, 94, 0.08);
    box-shadow: 0 40px 100px rgba(34, 197, 94, 0.03), 0 0 0 8px rgba(34, 197, 94, 0.01);
}

/* ---- اسلایدر شیشه‌ای ---- */
.slider-glass-green .swiper-slide {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.slider-glass-green .swiper-slide-active {
    border: 2px solid rgba(34, 197, 94, 0.06);
    background: rgba(255, 255, 255, 0.85) !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

@media screen and (max-width: 1024px) {
    .elementor-slides .swiper-slide-active {
        transform: scale(1) translateZ(35px) !important;
        max-width: 96%;
    }
    .elementor-slides .swiper-slide-prev,
    .elementor-slides .swiper-slide-next {
        transform: scale(0.8) translateX(-20px) translateZ(-40px) rotateY(6deg) !important;
    }
    .elementor-slides .swiper-slide-next {
        transform: scale(0.8) translateX(20px) translateZ(-40px) rotateY(-6deg) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-content {
        padding: 40px 30px 35px 30px;
    }
    .elementor-slides .swiper-slide img {
        min-height: 260px;
        max-height: 420px;
    }
    .elementor-slides .swiper-slide .elementor-slide-content::before {
        width: 50px;
        height: 50px;
        font-size: 28px;
        top: -24px;
        right: 25px;
    }
    .elementor-slides .swiper-slide .elementor-slide-heading,
    .elementor-slides .swiper-slide h2 {
        padding-right: 65px;
        font-size: clamp(1.6rem, 4vw, 2.4rem) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-description,
    .elementor-slides .swiper-slide p {
        padding-right: 65px;
        max-width: 90%;
    }
    .elementor-slides .swiper-slide .elementor-button {
        margin-right: 65px;
        padding: 14px 34px;
    }
    .nutrition-icons {
        padding-right: 65px;
    }
    .elementor-slides .swiper-button-prev,
    .elementor-slides .swiper-button-next {
        width: 50px !important;
        height: 50px !important;
    }
}

@media screen and (max-width: 768px) {
    .elementor-slides .swiper-slide {
        border-radius: 20px;
        max-width: 94%;
    }
    .elementor-slides .swiper-slide-active {
        transform: scale(1) translateZ(20px) !important;
        max-width: 96%;
    }
    .elementor-slides .swiper-slide-prev,
    .elementor-slides .swiper-slide-next {
        transform: scale(0.78) translateX(-15px) translateZ(-30px) rotateY(5deg) !important;
        opacity: 0.25 !important;
    }
    .elementor-slides .swiper-slide-next {
        transform: scale(0.78) translateX(15px) translateZ(-30px) rotateY(-5deg) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-content {
        padding: 30px 20px 25px 20px;
    }
    .elementor-slides .swiper-slide img {
        min-height: 200px;
        max-height: 320px;
        border-radius: 16px 16px 0 0;
    }
    .elementor-slides .swiper-slide-active img {
        transform: scale(1.04) translateZ(12px);
        min-height: 210px;
        max-height: 330px;
    }
    .elementor-slides .swiper-slide .elementor-slide-content::before {
        width: 42px;
        height: 42px;
        font-size: 22px;
        top: -20px;
        right: 18px;
        border-width: 3px;
    }
    .elementor-slides .swiper-slide .elementor-slide-heading,
    .elementor-slides .swiper-slide h2 {
        font-size: clamp(1.3rem, 5vw, 1.8rem) !important;
        padding-right: 52px;
        margin-bottom: 8px;
    }
    .elementor-slides .swiper-slide .elementor-slide-description,
    .elementor-slides .swiper-slide p {
        font-size: clamp(0.85rem, 3vw, 1rem) !important;
        padding-right: 52px;
        max-width: 100%;
        line-height: 1.7;
        margin-bottom: 14px;
    }
    .elementor-slides .swiper-slide .elementor-button {
        padding: 12px 28px !important;
        font-size: clamp(0.8rem, 2.5vw, 0.9rem) !important;
        margin-right: 52px;
    }
    .nutrition-icons {
        padding-right: 52px;
        gap: 10px;
    }
    .nutrition-icons .icon-item {
        font-size: 0.75rem;
        padding: 5px 12px;
    }
    .elementor-slides .swiper-button-prev,
    .elementor-slides .swiper-button-next {
        width: 40px !important;
        height: 40px !important;
    }
    .elementor-slides .swiper-button-prev::after,
    .elementor-slides .swiper-button-next::after {
        font-size: 15px !important;
    }
    .elementor-slides .swiper-pagination-bullet {
        width: 9px !important;
        height: 9px !important;
        margin: 0 5px !important;
    }
    .elementor-slides .swiper-pagination-bullet-active {
        width: 30px !important;
        height: 9px !important;
        border-radius: 9px !important;
    }
}

@media screen and (max-width: 480px) {
    .elementor-slides .swiper-slide {
        border-radius: 16px;
        max-width: 96%;
    }
    .elementor-slides .swiper-slide-active {
        transform: scale(1) translateZ(12px) !important;
    }
    .elementor-slides .swiper-slide .elementor-slide-content {
        padding: 22px 14px 18px 14px;
    }
    .elementor-slides .swiper-slide img {
        min-height: 150px;
        max-height: 220px;
        border-radius: 12px 12px 0 0;
    }
    .elementor-slides .swiper-slide-active img {
        transform: scale(1.02) translateZ(8px);
        min-height: 155px;
        max-height: 230px;
    }
    .elementor-slides .swiper-slide .elementor-slide-content::before {
        width: 34px;
        height: 34px;
        font-size: 17px;
        top: -16px;
        right: 12px;
        border-width: 2px;
    }
    .elementor-slides .swiper-slide .elementor-slide-heading,
    .elementor-slides .swiper-slide h2 {
        font-size: clamp(1rem, 4.5vw, 1.3rem) !important;
        padding-right: 40px;
        margin-bottom: 5px;
    }
    .elementor-slides .swiper-slide .elementor-slide-description,
    .elementor-slides .swiper-slide p {
        font-size: clamp(0.7rem, 2.8vw, 0.8rem) !important;
        padding-right: 40px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .elementor-slides .swiper-slide .elementor-button {
        padding: 8px 18px !important;
        font-size: clamp(0.65rem, 2.2vw, 0.75rem) !important;
        margin-right: 40px;
    }
    .nutrition-icons {
        padding-right: 40px;
        gap: 6px;
    }
    .nutrition-icons .icon-item {
        font-size: 0.65rem;
        padding: 4px 10px;
    }
    .elementor-slides .swiper-button-prev,
    .elementor-slides .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
    }
    .elementor-slides .swiper-button-prev::after,
    .elementor-slides .swiper-button-next::after {
        font-size: 12px !important;
    }
    .elementor-slides .swiper-pagination-bullet {
        width: 7px !important;
        height: 7px !important;
        margin: 0 4px !important;
    }
    .elementor-slides .swiper-pagination-bullet-active {
        width: 22px !important;
        height: 7px !important;
        border-radius: 7px !important;
    }
}

/* ============================================
   10. کلاس‌های قابل استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes ویجت اسلایدر:
   
   - slider-nutrition   : اسلایدر تغذیه (اصلی)
   - slider-green-glow  : اسلایدر با حاشیه سبز براق
   - slider-glass-green : اسلایدر شیشه‌ای سبز
*/

/*
   مثال:
   slider-nutrition slider-glass-green
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-214425f *//* ============================================
   فوتر مطب مشاور تغذیه - تم سفید و سبز
   آرامش‌بخش، شیک و حرفه‌ای
   ============================================ */

/* ============================================
   1. استایل کلی فوتر
   ============================================ */

/* ---- فوتر اصلی ---- */
.site-footer,
.elementor-location-footer,
.elementor-section.elementor-section-footer {
    background: linear-gradient(180deg, #f0faf0 0%, #e6f5e6 100%) !important;
    border-top: 3px solid rgba(34, 197, 94, 0.04);
    padding: 50px 0 25px 0 !important;
    margin-top: 40px;
    position: relative;
}

/* ---- خط سبز بالای فوتر ---- */
.site-footer::before,
.elementor-location-footer::before,
.elementor-section.elementor-section-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    );
}

/* ============================================
   2. ویجت‌های فوتر - تم سبز
   ============================================ */

/* ---- عنوان فوتر ---- */
.elementor-widget-heading .elementor-heading-title {
    color: #14532d !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    position: relative;
    display: inline-block;
    font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
}

/* ---- زیرخط سبز عنوان ---- */
.elementor-widget-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 35px;
    height: 2px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    border-radius: 2px;
    transition: all 0.4s ease;
}

.elementor-widget-heading:hover .elementor-heading-title::after {
    width: 55px;
}

/* ---- لینک‌های فوتر (منو) ---- */
.elementor-widget-nav-menu .elementor-nav-menu {
    gap: 6px;
}

.elementor-widget-nav-menu .elementor-nav-menu a {
    color: #166534 !important;
    transition: all 0.3s ease;
    padding: 6px 0 !important;
    font-size: 0.95rem;
    position: relative;
}

.elementor-widget-nav-menu .elementor-nav-menu a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1.5px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    transition: all 0.4s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover {
    color: #14532d !important;
    transform: translateX(-4px);
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover::before {
    width: 100%;
}

/* ---- لینک‌های اجتماعی سبز ---- */
.elementor-widget-social-icons .elementor-social-icon {
    background: rgba(34, 197, 94, 0.04) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 12px !important;
    font-size: 18px !important;
    color: #22c55e !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover {
    background: rgba(34, 197, 94, 0.08) !important;
    border-color: rgba(34, 197, 94, 0.12);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

.elementor-widget-social-icons .elementor-social-icon i {
    color: inherit !important;
}

/* ---- دکمه‌های فوتر ---- */
.elementor-widget-button .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-radius: 60px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border: none !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.06);
    font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important;
}

.elementor-widget-button .elementor-button:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 35px rgba(34, 197, 94, 0.08);
    transform: translateY(-2px) scale(1.02);
}

/* ---- دکمه سفید فوتر ---- */
.elementor-widget-button .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.06) !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.02);
}

.elementor-widget-button .elementor-button-white:hover {
    background: #f0faf0 !important;
    border-color: rgba(34, 197, 94, 0.10) !important;
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

/* ============================================
   3. کارت‌های فوتر سبز
   ============================================ */

/* ---- کارت فوتر ---- */
.footer-card-green {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 25px 22px !important;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.01);
}

.footer-card-green:hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transform: translateY(-3px);
}

/* ---- کارت با آیکون سبز ---- */
.footer-card-icon-green {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.03);
    border-radius: 16px;
    transition: all 0.4s ease;
}

.footer-card-icon-green .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(34, 197, 94, 0.04);
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: 18px;
    transition: all 0.4s ease;
}

.footer-card-icon-green:hover .icon {
    background: rgba(34, 197, 94, 0.06);
    border-color: rgba(34, 197, 94, 0.06);
}

.footer-card-icon-green .content h4 {
    color: #14532d;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.footer-card-icon-green .content p {
    color: #166534;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.5;
}

.footer-card-icon-green:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateX(-4px);
}

/* ============================================
   4. کپی‌رایت فوتر
   ============================================ */

/* ---- کپی‌رایت ---- */
.footer-copyright-green {
    border-top: 1px solid rgba(34, 197, 94, 0.04);
    padding-top: 20px;
    margin-top: 25px;
    text-align: center;
    color: #4ade80;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    position: relative;
}

.footer-copyright-green .green-text {
    color: #22c55e;
    transition: all 0.3s ease;
}

.footer-copyright-green .green-text:hover {
    color: #16a34a;
}

/* ---- خط سبز زیر کپی‌رایت ---- */
.footer-copyright-green::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 30%;
    right: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.06), transparent);
}

/* ---- آیکون برگ در کپی‌رایت ---- */
.footer-copyright-green .leaf-icon {
    display: inline-block;
    animation: leafSpin 4s ease-in-out infinite;
    margin: 0 4px;
}

@keyframes leafSpin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
}

/* ============================================
   5. کلاس‌های سفارشی فوتر سبز
   ============================================ */

/* ---- فوتر با کارت‌های سبز ---- */
.footer-green-cards .elementor-column .elementor-widget-wrap {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.02);
    border-radius: 20px;
    padding: 25px !important;
    transition: all 0.5s ease;
}

.footer-green-cards .elementor-column .elementor-widget-wrap:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سفید سبز ---- */
.footer-white-green {
    background: #ffffff !important;
    border-top: 1px solid rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سبز ملایم ---- */
.footer-green-soft {
    background: linear-gradient(180deg, #f0faf0, #e6f5e6) !important;
}

/* ---- فوتر مینیمال سبز ---- */
.footer-minimal-green {
    background: #f0faf0 !important;
    border-top: 1px solid rgba(34, 197, 94, 0.03);
    padding: 30px 0 15px 0 !important;
}

.footer-minimal-green::before {
    display: none !important;
}

/* ---- فوتر با خط سبز بالایی ---- */
.footer-green-line::before {
    height: 3px !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    ) !important;
}

/* ---- فوتر با نقاط سبز تزئینی ---- */
@keyframes greenDots {
    0%, 100% { opacity: 0.05; }
    50% { opacity: 0.12; }
}

.footer-green-dots {
    position: relative;
}

.footer-green-dots::before {
    content: '● ● ●';
    position: absolute;
    top: 15px;
    right: 20px;
    color: #22c55e;
    font-size: 6px;
    letter-spacing: 12px;
    opacity: 0.05;
    animation: greenDots 4s ease-in-out infinite;
}

/* ---- فوتر با دکوراسیون برگ ---- */
.footer-leaf-deco {
    position: relative;
}

.footer-leaf-deco::after {
    content: '🌿';
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    opacity: 0.06;
    animation: leafDeco 4s ease-in-out infinite;
}

@keyframes leafDeco {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(15deg) scale(1.1); }
}

/* ============================================
   6. کلاس‌های آماده برای استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes بخش فوتر:
   
   - footer-green-cards   : فوتر با کارت‌های سبز
   - footer-white-green   : فوتر با پس‌زمینه سفید
   - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
   - footer-minimal-green : فوتر مینیمال سبز
   - footer-green-line    : فوتر با خط سبز بالایی
   - footer-green-dots    : فوتر با نقاط سبز
   - footer-leaf-deco     : فوتر با دکوراسیون برگ
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   فوتر اصلی:
   CSS Classes: footer-green-cards footer-green-line
   
   فوتر سفید:
   CSS Classes: footer-white-green footer-green-dots
   
   فوتر سبز ملایم:
   CSS Classes: footer-green-soft footer-leaf-deco
   
   فوتر مینیمال:
   CSS Classes: footer-minimal-green
*/

/* ============================================
   7. اسکرول بار سبز
   ============================================ */

::-webkit-scrollbar {
    width: 6px;
    background: #f0faf0;
}

::-webkit-scrollbar-track {
    background: #f0faf0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4ade80, #22c55e);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

/* ============================================
   8. استایل موبایل منو
   ============================================ */

.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px !important;
    backdrop-filter: blur(10px);
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
    color: #166534 !important;
    transition: all 0.3s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover {
    background: rgba(34, 197, 94, 0.02) !important;
    color: #22c55e !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

/* ---- تبلت ---- */
@media screen and (max-width: 1024px) {
    .site-footer,
    .elementor-location-footer {
        padding: 35px 0 20px 0 !important;
    }

    .footer-card-green {
        padding: 20px 18px !important;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 20px !important;
    }

    .footer-card-icon-green {
        padding: 12px 15px;
    }
}

/* ---- موبایل ---- */
@media screen and (max-width: 768px) {
    .site-footer,
    .elementor-location-footer {
        padding: 25px 0 15px 0 !important;
    }

    .footer-card-green {
        padding: 16px 14px !important;
        border-radius: 16px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 16px !important;
        border-radius: 16px;
        margin-bottom: 15px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap:hover {
        transform: translateY(-2px);
    }

    .footer-card-icon-green {
        padding: 10px 12px;
        border-radius: 12px;
        gap: 12px;
    }

    .footer-card-icon-green .icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
        border-radius: 10px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.85rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.8rem;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.85rem;
        padding: 4px 0 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a:hover {
        transform: translateX(-3px);
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 10px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 10px 24px !important;
        font-size: 0.85rem !important;
    }

    .footer-copyright-green {
        font-size: 0.75rem;
        padding-top: 15px;
        margin-top: 15px;
    }
}

/* ---- موبایل کوچک ---- */
@media screen and (max-width: 480px) {
    .site-footer,
    .elementor-location-footer {
        padding: 20px 0 10px 0 !important;
    }

    .footer-card-green {
        padding: 12px 10px !important;
        border-radius: 14px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 12px !important;
        border-radius: 14px;
    }

    .footer-card-icon-green {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 10px;
    }

    .footer-card-icon-green .icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        border-radius: 8px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.8rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.75rem;
    }

    .elementor-widget-heading .elementor-heading-title {
        font-size: 1rem !important;
    }

    .elementor-widget-text-editor p {
        font-size: 0.8rem !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.8rem;
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 8px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 8px 18px !important;
        font-size: 0.8rem !important;
        border-radius: 50px !important;
    }

    .footer-copyright-green {
        font-size: 0.7rem;
        padding-top: 12px;
        margin-top: 12px;
    }

    .footer-leaf-deco::after {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }

    .footer-green-dots::before {
        font-size: 5px;
        letter-spacing: 8px;
        top: 10px;
        right: 12px;
    }
}

/* ============================================
   10. راهنمای استفاده
   ============================================ */

/* 
   نحوه استفاده در المنتور:
   
   ۱. به بخش فوتر خود بروید یا یک بخش جدید اضافه کنید
   
   ۲. در تنظیمات بخش (Section) → ADVANCED → CSS Classes
      یکی از کلاس‌های زیر را وارد کنید:
   
      - footer-green-cards   : فوتر با کارت‌های سبز
      - footer-white-green   : فوتر با پس‌زمینه سفید
      - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
      - footer-minimal-green : فوتر مینیمال سبز
      - footer-green-line    : فوتر با خط سبز بالایی
      - footer-green-dots    : فوتر با نقاط سبز
      - footer-leaf-deco     : فوتر با دکوراسیون برگ
   
   ۳. برای ویجت‌های داخل فوتر:
      - footer-card-green     : کارت سبز
      - footer-card-icon-green : کارت با آیکون سبز
      - footer-copyright-green : کپی‌رایت سبز
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   بخش فوتر:
   CSS Classes: footer-green-soft footer-green-line footer-green-dots
   
   ستون‌های داخلی:
   CSS Classes: footer-green-cards
   
   ویجت‌های داخل ستون‌ها:
   CSS Classes: footer-card-green
   
   کپی‌رایت:
   CSS Classes: footer-copyright-green
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b0bdd79 *//* ============================================
   فوتر مطب مشاور تغذیه - تم سفید و سبز
   آرامش‌بخش، شیک و حرفه‌ای
   ============================================ */

/* ============================================
   1. استایل کلی فوتر
   ============================================ */

/* ---- فوتر اصلی ---- */
.site-footer,
.elementor-location-footer,
.elementor-section.elementor-section-footer {
    background: linear-gradient(180deg, #f0faf0 0%, #e6f5e6 100%) !important;
    border-top: 3px solid rgba(34, 197, 94, 0.04);
    padding: 50px 0 25px 0 !important;
    margin-top: 40px;
    position: relative;
}

/* ---- خط سبز بالای فوتر ---- */
.site-footer::before,
.elementor-location-footer::before,
.elementor-section.elementor-section-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    );
}

/* ============================================
   2. ویجت‌های فوتر - تم سبز
   ============================================ */

/* ---- عنوان فوتر ---- */
.elementor-widget-heading .elementor-heading-title {
    color: #14532d !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    position: relative;
    display: inline-block;
    font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
}

/* ---- زیرخط سبز عنوان ---- */
.elementor-widget-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 35px;
    height: 2px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    border-radius: 2px;
    transition: all 0.4s ease;
}

.elementor-widget-heading:hover .elementor-heading-title::after {
    width: 55px;
}

/* ---- لینک‌های فوتر (منو) ---- */
.elementor-widget-nav-menu .elementor-nav-menu {
    gap: 6px;
}

.elementor-widget-nav-menu .elementor-nav-menu a {
    color: #166534 !important;
    transition: all 0.3s ease;
    padding: 6px 0 !important;
    font-size: 0.95rem;
    position: relative;
}

.elementor-widget-nav-menu .elementor-nav-menu a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1.5px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    transition: all 0.4s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover {
    color: #14532d !important;
    transform: translateX(-4px);
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover::before {
    width: 100%;
}

/* ---- لینک‌های اجتماعی سبز ---- */
.elementor-widget-social-icons .elementor-social-icon {
    background: rgba(34, 197, 94, 0.04) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 12px !important;
    font-size: 18px !important;
    color: #22c55e !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover {
    background: rgba(34, 197, 94, 0.08) !important;
    border-color: rgba(34, 197, 94, 0.12);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

.elementor-widget-social-icons .elementor-social-icon i {
    color: inherit !important;
}

/* ---- دکمه‌های فوتر ---- */
.elementor-widget-button .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-radius: 60px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border: none !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.06);
    font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important;
}

.elementor-widget-button .elementor-button:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 35px rgba(34, 197, 94, 0.08);
    transform: translateY(-2px) scale(1.02);
}

/* ---- دکمه سفید فوتر ---- */
.elementor-widget-button .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.06) !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.02);
}

.elementor-widget-button .elementor-button-white:hover {
    background: #f0faf0 !important;
    border-color: rgba(34, 197, 94, 0.10) !important;
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

/* ============================================
   3. کارت‌های فوتر سبز
   ============================================ */

/* ---- کارت فوتر ---- */
.footer-card-green {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 25px 22px !important;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.01);
}

.footer-card-green:hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transform: translateY(-3px);
}

/* ---- کارت با آیکون سبز ---- */
.footer-card-icon-green {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.03);
    border-radius: 16px;
    transition: all 0.4s ease;
}

.footer-card-icon-green .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(34, 197, 94, 0.04);
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: 18px;
    transition: all 0.4s ease;
}

.footer-card-icon-green:hover .icon {
    background: rgba(34, 197, 94, 0.06);
    border-color: rgba(34, 197, 94, 0.06);
}

.footer-card-icon-green .content h4 {
    color: #14532d;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.footer-card-icon-green .content p {
    color: #166534;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.5;
}

.footer-card-icon-green:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateX(-4px);
}

/* ============================================
   4. کپی‌رایت فوتر
   ============================================ */

/* ---- کپی‌رایت ---- */
.footer-copyright-green {
    border-top: 1px solid rgba(34, 197, 94, 0.04);
    padding-top: 20px;
    margin-top: 25px;
    text-align: center;
    color: #4ade80;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    position: relative;
}

.footer-copyright-green .green-text {
    color: #22c55e;
    transition: all 0.3s ease;
}

.footer-copyright-green .green-text:hover {
    color: #16a34a;
}

/* ---- خط سبز زیر کپی‌رایت ---- */
.footer-copyright-green::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 30%;
    right: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.06), transparent);
}

/* ---- آیکون برگ در کپی‌رایت ---- */
.footer-copyright-green .leaf-icon {
    display: inline-block;
    animation: leafSpin 4s ease-in-out infinite;
    margin: 0 4px;
}

@keyframes leafSpin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
}

/* ============================================
   5. کلاس‌های سفارشی فوتر سبز
   ============================================ */

/* ---- فوتر با کارت‌های سبز ---- */
.footer-green-cards .elementor-column .elementor-widget-wrap {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.02);
    border-radius: 20px;
    padding: 25px !important;
    transition: all 0.5s ease;
}

.footer-green-cards .elementor-column .elementor-widget-wrap:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سفید سبز ---- */
.footer-white-green {
    background: #ffffff !important;
    border-top: 1px solid rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سبز ملایم ---- */
.footer-green-soft {
    background: linear-gradient(180deg, #f0faf0, #e6f5e6) !important;
}

/* ---- فوتر مینیمال سبز ---- */
.footer-minimal-green {
    background: #f0faf0 !important;
    border-top: 1px solid rgba(34, 197, 94, 0.03);
    padding: 30px 0 15px 0 !important;
}

.footer-minimal-green::before {
    display: none !important;
}

/* ---- فوتر با خط سبز بالایی ---- */
.footer-green-line::before {
    height: 3px !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    ) !important;
}

/* ---- فوتر با نقاط سبز تزئینی ---- */
@keyframes greenDots {
    0%, 100% { opacity: 0.05; }
    50% { opacity: 0.12; }
}

.footer-green-dots {
    position: relative;
}

.footer-green-dots::before {
    content: '● ● ●';
    position: absolute;
    top: 15px;
    right: 20px;
    color: #22c55e;
    font-size: 6px;
    letter-spacing: 12px;
    opacity: 0.05;
    animation: greenDots 4s ease-in-out infinite;
}

/* ---- فوتر با دکوراسیون برگ ---- */
.footer-leaf-deco {
    position: relative;
}

.footer-leaf-deco::after {
    content: '🌿';
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    opacity: 0.06;
    animation: leafDeco 4s ease-in-out infinite;
}

@keyframes leafDeco {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(15deg) scale(1.1); }
}

/* ============================================
   6. کلاس‌های آماده برای استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes بخش فوتر:
   
   - footer-green-cards   : فوتر با کارت‌های سبز
   - footer-white-green   : فوتر با پس‌زمینه سفید
   - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
   - footer-minimal-green : فوتر مینیمال سبز
   - footer-green-line    : فوتر با خط سبز بالایی
   - footer-green-dots    : فوتر با نقاط سبز
   - footer-leaf-deco     : فوتر با دکوراسیون برگ
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   فوتر اصلی:
   CSS Classes: footer-green-cards footer-green-line
   
   فوتر سفید:
   CSS Classes: footer-white-green footer-green-dots
   
   فوتر سبز ملایم:
   CSS Classes: footer-green-soft footer-leaf-deco
   
   فوتر مینیمال:
   CSS Classes: footer-minimal-green
*/

/* ============================================
   7. اسکرول بار سبز
   ============================================ */

::-webkit-scrollbar {
    width: 6px;
    background: #f0faf0;
}

::-webkit-scrollbar-track {
    background: #f0faf0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4ade80, #22c55e);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

/* ============================================
   8. استایل موبایل منو
   ============================================ */

.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px !important;
    backdrop-filter: blur(10px);
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
    color: #166534 !important;
    transition: all 0.3s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover {
    background: rgba(34, 197, 94, 0.02) !important;
    color: #22c55e !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

/* ---- تبلت ---- */
@media screen and (max-width: 1024px) {
    .site-footer,
    .elementor-location-footer {
        padding: 35px 0 20px 0 !important;
    }

    .footer-card-green {
        padding: 20px 18px !important;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 20px !important;
    }

    .footer-card-icon-green {
        padding: 12px 15px;
    }
}

/* ---- موبایل ---- */
@media screen and (max-width: 768px) {
    .site-footer,
    .elementor-location-footer {
        padding: 25px 0 15px 0 !important;
    }

    .footer-card-green {
        padding: 16px 14px !important;
        border-radius: 16px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 16px !important;
        border-radius: 16px;
        margin-bottom: 15px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap:hover {
        transform: translateY(-2px);
    }

    .footer-card-icon-green {
        padding: 10px 12px;
        border-radius: 12px;
        gap: 12px;
    }

    .footer-card-icon-green .icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
        border-radius: 10px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.85rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.8rem;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.85rem;
        padding: 4px 0 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a:hover {
        transform: translateX(-3px);
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 10px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 10px 24px !important;
        font-size: 0.85rem !important;
    }

    .footer-copyright-green {
        font-size: 0.75rem;
        padding-top: 15px;
        margin-top: 15px;
    }
}

/* ---- موبایل کوچک ---- */
@media screen and (max-width: 480px) {
    .site-footer,
    .elementor-location-footer {
        padding: 20px 0 10px 0 !important;
    }

    .footer-card-green {
        padding: 12px 10px !important;
        border-radius: 14px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 12px !important;
        border-radius: 14px;
    }

    .footer-card-icon-green {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 10px;
    }

    .footer-card-icon-green .icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        border-radius: 8px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.8rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.75rem;
    }

    .elementor-widget-heading .elementor-heading-title {
        font-size: 1rem !important;
    }

    .elementor-widget-text-editor p {
        font-size: 0.8rem !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.8rem;
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 8px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 8px 18px !important;
        font-size: 0.8rem !important;
        border-radius: 50px !important;
    }

    .footer-copyright-green {
        font-size: 0.7rem;
        padding-top: 12px;
        margin-top: 12px;
    }

    .footer-leaf-deco::after {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }

    .footer-green-dots::before {
        font-size: 5px;
        letter-spacing: 8px;
        top: 10px;
        right: 12px;
    }
}

/* ============================================
   10. راهنمای استفاده
   ============================================ */

/* 
   نحوه استفاده در المنتور:
   
   ۱. به بخش فوتر خود بروید یا یک بخش جدید اضافه کنید
   
   ۲. در تنظیمات بخش (Section) → ADVANCED → CSS Classes
      یکی از کلاس‌های زیر را وارد کنید:
   
      - footer-green-cards   : فوتر با کارت‌های سبز
      - footer-white-green   : فوتر با پس‌زمینه سفید
      - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
      - footer-minimal-green : فوتر مینیمال سبز
      - footer-green-line    : فوتر با خط سبز بالایی
      - footer-green-dots    : فوتر با نقاط سبز
      - footer-leaf-deco     : فوتر با دکوراسیون برگ
   
   ۳. برای ویجت‌های داخل فوتر:
      - footer-card-green     : کارت سبز
      - footer-card-icon-green : کارت با آیکون سبز
      - footer-copyright-green : کپی‌رایت سبز
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   بخش فوتر:
   CSS Classes: footer-green-soft footer-green-line footer-green-dots
   
   ستون‌های داخلی:
   CSS Classes: footer-green-cards
   
   ویجت‌های داخل ستون‌ها:
   CSS Classes: footer-card-green
   
   کپی‌رایت:
   CSS Classes: footer-copyright-green
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fa8a6ff *//* ============================================
   فوتر مطب مشاور تغذیه - تم سفید و سبز
   آرامش‌بخش، شیک و حرفه‌ای
   ============================================ */

/* ============================================
   1. استایل کلی فوتر
   ============================================ */

/* ---- فوتر اصلی ---- */
.site-footer,
.elementor-location-footer,
.elementor-section.elementor-section-footer {
    background: linear-gradient(180deg, #f0faf0 0%, #e6f5e6 100%) !important;
    border-top: 3px solid rgba(34, 197, 94, 0.04);
    padding: 50px 0 25px 0 !important;
    margin-top: 40px;
    position: relative;
}

/* ---- خط سبز بالای فوتر ---- */
.site-footer::before,
.elementor-location-footer::before,
.elementor-section.elementor-section-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    );
}

/* ============================================
   2. ویجت‌های فوتر - تم سبز
   ============================================ */

/* ---- عنوان فوتر ---- */
.elementor-widget-heading .elementor-heading-title {
    color: #14532d !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    position: relative;
    display: inline-block;
    font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
}

/* ---- زیرخط سبز عنوان ---- */
.elementor-widget-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 35px;
    height: 2px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    border-radius: 2px;
    transition: all 0.4s ease;
}

.elementor-widget-heading:hover .elementor-heading-title::after {
    width: 55px;
}

/* ---- لینک‌های فوتر (منو) ---- */
.elementor-widget-nav-menu .elementor-nav-menu {
    gap: 6px;
}

.elementor-widget-nav-menu .elementor-nav-menu a {
    color: #166534 !important;
    transition: all 0.3s ease;
    padding: 6px 0 !important;
    font-size: 0.95rem;
    position: relative;
}

.elementor-widget-nav-menu .elementor-nav-menu a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1.5px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    transition: all 0.4s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover {
    color: #14532d !important;
    transform: translateX(-4px);
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover::before {
    width: 100%;
}

/* ---- لینک‌های اجتماعی سبز ---- */
.elementor-widget-social-icons .elementor-social-icon {
    background: rgba(34, 197, 94, 0.04) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 12px !important;
    font-size: 18px !important;
    color: #22c55e !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover {
    background: rgba(34, 197, 94, 0.08) !important;
    border-color: rgba(34, 197, 94, 0.12);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

.elementor-widget-social-icons .elementor-social-icon i {
    color: inherit !important;
}

/* ---- دکمه‌های فوتر ---- */
.elementor-widget-button .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-radius: 60px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border: none !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.06);
    font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important;
}

.elementor-widget-button .elementor-button:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 35px rgba(34, 197, 94, 0.08);
    transform: translateY(-2px) scale(1.02);
}

/* ---- دکمه سفید فوتر ---- */
.elementor-widget-button .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.06) !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.02);
}

.elementor-widget-button .elementor-button-white:hover {
    background: #f0faf0 !important;
    border-color: rgba(34, 197, 94, 0.10) !important;
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

/* ============================================
   3. کارت‌های فوتر سبز
   ============================================ */

/* ---- کارت فوتر ---- */
.footer-card-green {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 25px 22px !important;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.01);
}

.footer-card-green:hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transform: translateY(-3px);
}

/* ---- کارت با آیکون سبز ---- */
.footer-card-icon-green {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.03);
    border-radius: 16px;
    transition: all 0.4s ease;
}

.footer-card-icon-green .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(34, 197, 94, 0.04);
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: 18px;
    transition: all 0.4s ease;
}

.footer-card-icon-green:hover .icon {
    background: rgba(34, 197, 94, 0.06);
    border-color: rgba(34, 197, 94, 0.06);
}

.footer-card-icon-green .content h4 {
    color: #14532d;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.footer-card-icon-green .content p {
    color: #166534;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.5;
}

.footer-card-icon-green:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateX(-4px);
}

/* ============================================
   4. کپی‌رایت فوتر
   ============================================ */

/* ---- کپی‌رایت ---- */
.footer-copyright-green {
    border-top: 1px solid rgba(34, 197, 94, 0.04);
    padding-top: 20px;
    margin-top: 25px;
    text-align: center;
    color: #4ade80;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    position: relative;
}

.footer-copyright-green .green-text {
    color: #22c55e;
    transition: all 0.3s ease;
}

.footer-copyright-green .green-text:hover {
    color: #16a34a;
}

/* ---- خط سبز زیر کپی‌رایت ---- */
.footer-copyright-green::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 30%;
    right: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.06), transparent);
}

/* ---- آیکون برگ در کپی‌رایت ---- */
.footer-copyright-green .leaf-icon {
    display: inline-block;
    animation: leafSpin 4s ease-in-out infinite;
    margin: 0 4px;
}

@keyframes leafSpin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
}

/* ============================================
   5. کلاس‌های سفارشی فوتر سبز
   ============================================ */

/* ---- فوتر با کارت‌های سبز ---- */
.footer-green-cards .elementor-column .elementor-widget-wrap {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.02);
    border-radius: 20px;
    padding: 25px !important;
    transition: all 0.5s ease;
}

.footer-green-cards .elementor-column .elementor-widget-wrap:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سفید سبز ---- */
.footer-white-green {
    background: #ffffff !important;
    border-top: 1px solid rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سبز ملایم ---- */
.footer-green-soft {
    background: linear-gradient(180deg, #f0faf0, #e6f5e6) !important;
}

/* ---- فوتر مینیمال سبز ---- */
.footer-minimal-green {
    background: #f0faf0 !important;
    border-top: 1px solid rgba(34, 197, 94, 0.03);
    padding: 30px 0 15px 0 !important;
}

.footer-minimal-green::before {
    display: none !important;
}

/* ---- فوتر با خط سبز بالایی ---- */
.footer-green-line::before {
    height: 3px !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    ) !important;
}

/* ---- فوتر با نقاط سبز تزئینی ---- */
@keyframes greenDots {
    0%, 100% { opacity: 0.05; }
    50% { opacity: 0.12; }
}

.footer-green-dots {
    position: relative;
}

.footer-green-dots::before {
    content: '● ● ●';
    position: absolute;
    top: 15px;
    right: 20px;
    color: #22c55e;
    font-size: 6px;
    letter-spacing: 12px;
    opacity: 0.05;
    animation: greenDots 4s ease-in-out infinite;
}

/* ---- فوتر با دکوراسیون برگ ---- */
.footer-leaf-deco {
    position: relative;
}

.footer-leaf-deco::after {
    content: '🌿';
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    opacity: 0.06;
    animation: leafDeco 4s ease-in-out infinite;
}

@keyframes leafDeco {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(15deg) scale(1.1); }
}

/* ============================================
   6. کلاس‌های آماده برای استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes بخش فوتر:
   
   - footer-green-cards   : فوتر با کارت‌های سبز
   - footer-white-green   : فوتر با پس‌زمینه سفید
   - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
   - footer-minimal-green : فوتر مینیمال سبز
   - footer-green-line    : فوتر با خط سبز بالایی
   - footer-green-dots    : فوتر با نقاط سبز
   - footer-leaf-deco     : فوتر با دکوراسیون برگ
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   فوتر اصلی:
   CSS Classes: footer-green-cards footer-green-line
   
   فوتر سفید:
   CSS Classes: footer-white-green footer-green-dots
   
   فوتر سبز ملایم:
   CSS Classes: footer-green-soft footer-leaf-deco
   
   فوتر مینیمال:
   CSS Classes: footer-minimal-green
*/

/* ============================================
   7. اسکرول بار سبز
   ============================================ */

::-webkit-scrollbar {
    width: 6px;
    background: #f0faf0;
}

::-webkit-scrollbar-track {
    background: #f0faf0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4ade80, #22c55e);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

/* ============================================
   8. استایل موبایل منو
   ============================================ */

.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px !important;
    backdrop-filter: blur(10px);
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
    color: #166534 !important;
    transition: all 0.3s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover {
    background: rgba(34, 197, 94, 0.02) !important;
    color: #22c55e !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

/* ---- تبلت ---- */
@media screen and (max-width: 1024px) {
    .site-footer,
    .elementor-location-footer {
        padding: 35px 0 20px 0 !important;
    }

    .footer-card-green {
        padding: 20px 18px !important;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 20px !important;
    }

    .footer-card-icon-green {
        padding: 12px 15px;
    }
}

/* ---- موبایل ---- */
@media screen and (max-width: 768px) {
    .site-footer,
    .elementor-location-footer {
        padding: 25px 0 15px 0 !important;
    }

    .footer-card-green {
        padding: 16px 14px !important;
        border-radius: 16px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 16px !important;
        border-radius: 16px;
        margin-bottom: 15px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap:hover {
        transform: translateY(-2px);
    }

    .footer-card-icon-green {
        padding: 10px 12px;
        border-radius: 12px;
        gap: 12px;
    }

    .footer-card-icon-green .icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
        border-radius: 10px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.85rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.8rem;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.85rem;
        padding: 4px 0 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a:hover {
        transform: translateX(-3px);
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 10px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 10px 24px !important;
        font-size: 0.85rem !important;
    }

    .footer-copyright-green {
        font-size: 0.75rem;
        padding-top: 15px;
        margin-top: 15px;
    }
}

/* ---- موبایل کوچک ---- */
@media screen and (max-width: 480px) {
    .site-footer,
    .elementor-location-footer {
        padding: 20px 0 10px 0 !important;
    }

    .footer-card-green {
        padding: 12px 10px !important;
        border-radius: 14px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 12px !important;
        border-radius: 14px;
    }

    .footer-card-icon-green {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 10px;
    }

    .footer-card-icon-green .icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        border-radius: 8px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.8rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.75rem;
    }

    .elementor-widget-heading .elementor-heading-title {
        font-size: 1rem !important;
    }

    .elementor-widget-text-editor p {
        font-size: 0.8rem !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.8rem;
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 8px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 8px 18px !important;
        font-size: 0.8rem !important;
        border-radius: 50px !important;
    }

    .footer-copyright-green {
        font-size: 0.7rem;
        padding-top: 12px;
        margin-top: 12px;
    }

    .footer-leaf-deco::after {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }

    .footer-green-dots::before {
        font-size: 5px;
        letter-spacing: 8px;
        top: 10px;
        right: 12px;
    }
}

/* ============================================
   10. راهنمای استفاده
   ============================================ */

/* 
   نحوه استفاده در المنتور:
   
   ۱. به بخش فوتر خود بروید یا یک بخش جدید اضافه کنید
   
   ۲. در تنظیمات بخش (Section) → ADVANCED → CSS Classes
      یکی از کلاس‌های زیر را وارد کنید:
   
      - footer-green-cards   : فوتر با کارت‌های سبز
      - footer-white-green   : فوتر با پس‌زمینه سفید
      - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
      - footer-minimal-green : فوتر مینیمال سبز
      - footer-green-line    : فوتر با خط سبز بالایی
      - footer-green-dots    : فوتر با نقاط سبز
      - footer-leaf-deco     : فوتر با دکوراسیون برگ
   
   ۳. برای ویجت‌های داخل فوتر:
      - footer-card-green     : کارت سبز
      - footer-card-icon-green : کارت با آیکون سبز
      - footer-copyright-green : کپی‌رایت سبز
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   بخش فوتر:
   CSS Classes: footer-green-soft footer-green-line footer-green-dots
   
   ستون‌های داخلی:
   CSS Classes: footer-green-cards
   
   ویجت‌های داخل ستون‌ها:
   CSS Classes: footer-card-green
   
   کپی‌رایت:
   CSS Classes: footer-copyright-green
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ca9c79f *//* ============================================
   فوتر مطب مشاور تغذیه - تم سفید و سبز
   آرامش‌بخش، شیک و حرفه‌ای
   ============================================ */

/* ============================================
   1. استایل کلی فوتر
   ============================================ */

/* ---- فوتر اصلی ---- */
.site-footer,
.elementor-location-footer,
.elementor-section.elementor-section-footer {
    background: linear-gradient(180deg, #f0faf0 0%, #e6f5e6 100%) !important;
    border-top: 3px solid rgba(34, 197, 94, 0.04);
    padding: 50px 0 25px 0 !important;
    margin-top: 40px;
    position: relative;
}

/* ---- خط سبز بالای فوتر ---- */
.site-footer::before,
.elementor-location-footer::before,
.elementor-section.elementor-section-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    );
}

/* ============================================
   2. ویجت‌های فوتر - تم سبز
   ============================================ */

/* ---- عنوان فوتر ---- */
.elementor-widget-heading .elementor-heading-title {
    color: #14532d !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    position: relative;
    display: inline-block;
    font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
}

/* ---- زیرخط سبز عنوان ---- */
.elementor-widget-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 35px;
    height: 2px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    border-radius: 2px;
    transition: all 0.4s ease;
}

.elementor-widget-heading:hover .elementor-heading-title::after {
    width: 55px;
}

/* ---- لینک‌های فوتر (منو) ---- */
.elementor-widget-nav-menu .elementor-nav-menu {
    gap: 6px;
}

.elementor-widget-nav-menu .elementor-nav-menu a {
    color: #166534 !important;
    transition: all 0.3s ease;
    padding: 6px 0 !important;
    font-size: 0.95rem;
    position: relative;
}

.elementor-widget-nav-menu .elementor-nav-menu a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1.5px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    transition: all 0.4s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover {
    color: #14532d !important;
    transform: translateX(-4px);
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover::before {
    width: 100%;
}

/* ---- لینک‌های اجتماعی سبز ---- */
.elementor-widget-social-icons .elementor-social-icon {
    background: rgba(34, 197, 94, 0.04) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 12px !important;
    font-size: 18px !important;
    color: #22c55e !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover {
    background: rgba(34, 197, 94, 0.08) !important;
    border-color: rgba(34, 197, 94, 0.12);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

.elementor-widget-social-icons .elementor-social-icon i {
    color: inherit !important;
}

/* ---- دکمه‌های فوتر ---- */
.elementor-widget-button .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-radius: 60px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border: none !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.06);
    font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important;
}

.elementor-widget-button .elementor-button:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 35px rgba(34, 197, 94, 0.08);
    transform: translateY(-2px) scale(1.02);
}

/* ---- دکمه سفید فوتر ---- */
.elementor-widget-button .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.06) !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.02);
}

.elementor-widget-button .elementor-button-white:hover {
    background: #f0faf0 !important;
    border-color: rgba(34, 197, 94, 0.10) !important;
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

/* ============================================
   3. کارت‌های فوتر سبز
   ============================================ */

/* ---- کارت فوتر ---- */
.footer-card-green {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 25px 22px !important;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.01);
}

.footer-card-green:hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transform: translateY(-3px);
}

/* ---- کارت با آیکون سبز ---- */
.footer-card-icon-green {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.03);
    border-radius: 16px;
    transition: all 0.4s ease;
}

.footer-card-icon-green .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(34, 197, 94, 0.04);
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: 18px;
    transition: all 0.4s ease;
}

.footer-card-icon-green:hover .icon {
    background: rgba(34, 197, 94, 0.06);
    border-color: rgba(34, 197, 94, 0.06);
}

.footer-card-icon-green .content h4 {
    color: #14532d;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.footer-card-icon-green .content p {
    color: #166534;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.5;
}

.footer-card-icon-green:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateX(-4px);
}

/* ============================================
   4. کپی‌رایت فوتر
   ============================================ */

/* ---- کپی‌رایت ---- */
.footer-copyright-green {
    border-top: 1px solid rgba(34, 197, 94, 0.04);
    padding-top: 20px;
    margin-top: 25px;
    text-align: center;
    color: #4ade80;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    position: relative;
}

.footer-copyright-green .green-text {
    color: #22c55e;
    transition: all 0.3s ease;
}

.footer-copyright-green .green-text:hover {
    color: #16a34a;
}

/* ---- خط سبز زیر کپی‌رایت ---- */
.footer-copyright-green::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 30%;
    right: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.06), transparent);
}

/* ---- آیکون برگ در کپی‌رایت ---- */
.footer-copyright-green .leaf-icon {
    display: inline-block;
    animation: leafSpin 4s ease-in-out infinite;
    margin: 0 4px;
}

@keyframes leafSpin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
}

/* ============================================
   5. کلاس‌های سفارشی فوتر سبز
   ============================================ */

/* ---- فوتر با کارت‌های سبز ---- */
.footer-green-cards .elementor-column .elementor-widget-wrap {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.02);
    border-radius: 20px;
    padding: 25px !important;
    transition: all 0.5s ease;
}

.footer-green-cards .elementor-column .elementor-widget-wrap:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سفید سبز ---- */
.footer-white-green {
    background: #ffffff !important;
    border-top: 1px solid rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سبز ملایم ---- */
.footer-green-soft {
    background: linear-gradient(180deg, #f0faf0, #e6f5e6) !important;
}

/* ---- فوتر مینیمال سبز ---- */
.footer-minimal-green {
    background: #f0faf0 !important;
    border-top: 1px solid rgba(34, 197, 94, 0.03);
    padding: 30px 0 15px 0 !important;
}

.footer-minimal-green::before {
    display: none !important;
}

/* ---- فوتر با خط سبز بالایی ---- */
.footer-green-line::before {
    height: 3px !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    ) !important;
}

/* ---- فوتر با نقاط سبز تزئینی ---- */
@keyframes greenDots {
    0%, 100% { opacity: 0.05; }
    50% { opacity: 0.12; }
}

.footer-green-dots {
    position: relative;
}

.footer-green-dots::before {
    content: '● ● ●';
    position: absolute;
    top: 15px;
    right: 20px;
    color: #22c55e;
    font-size: 6px;
    letter-spacing: 12px;
    opacity: 0.05;
    animation: greenDots 4s ease-in-out infinite;
}

/* ---- فوتر با دکوراسیون برگ ---- */
.footer-leaf-deco {
    position: relative;
}

.footer-leaf-deco::after {
    content: '🌿';
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    opacity: 0.06;
    animation: leafDeco 4s ease-in-out infinite;
}

@keyframes leafDeco {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(15deg) scale(1.1); }
}

/* ============================================
   6. کلاس‌های آماده برای استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes بخش فوتر:
   
   - footer-green-cards   : فوتر با کارت‌های سبز
   - footer-white-green   : فوتر با پس‌زمینه سفید
   - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
   - footer-minimal-green : فوتر مینیمال سبز
   - footer-green-line    : فوتر با خط سبز بالایی
   - footer-green-dots    : فوتر با نقاط سبز
   - footer-leaf-deco     : فوتر با دکوراسیون برگ
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   فوتر اصلی:
   CSS Classes: footer-green-cards footer-green-line
   
   فوتر سفید:
   CSS Classes: footer-white-green footer-green-dots
   
   فوتر سبز ملایم:
   CSS Classes: footer-green-soft footer-leaf-deco
   
   فوتر مینیمال:
   CSS Classes: footer-minimal-green
*/

/* ============================================
   7. اسکرول بار سبز
   ============================================ */

::-webkit-scrollbar {
    width: 6px;
    background: #f0faf0;
}

::-webkit-scrollbar-track {
    background: #f0faf0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4ade80, #22c55e);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

/* ============================================
   8. استایل موبایل منو
   ============================================ */

.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px !important;
    backdrop-filter: blur(10px);
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
    color: #166534 !important;
    transition: all 0.3s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover {
    background: rgba(34, 197, 94, 0.02) !important;
    color: #22c55e !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

/* ---- تبلت ---- */
@media screen and (max-width: 1024px) {
    .site-footer,
    .elementor-location-footer {
        padding: 35px 0 20px 0 !important;
    }

    .footer-card-green {
        padding: 20px 18px !important;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 20px !important;
    }

    .footer-card-icon-green {
        padding: 12px 15px;
    }
}

/* ---- موبایل ---- */
@media screen and (max-width: 768px) {
    .site-footer,
    .elementor-location-footer {
        padding: 25px 0 15px 0 !important;
    }

    .footer-card-green {
        padding: 16px 14px !important;
        border-radius: 16px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 16px !important;
        border-radius: 16px;
        margin-bottom: 15px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap:hover {
        transform: translateY(-2px);
    }

    .footer-card-icon-green {
        padding: 10px 12px;
        border-radius: 12px;
        gap: 12px;
    }

    .footer-card-icon-green .icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
        border-radius: 10px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.85rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.8rem;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.85rem;
        padding: 4px 0 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a:hover {
        transform: translateX(-3px);
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 10px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 10px 24px !important;
        font-size: 0.85rem !important;
    }

    .footer-copyright-green {
        font-size: 0.75rem;
        padding-top: 15px;
        margin-top: 15px;
    }
}

/* ---- موبایل کوچک ---- */
@media screen and (max-width: 480px) {
    .site-footer,
    .elementor-location-footer {
        padding: 20px 0 10px 0 !important;
    }

    .footer-card-green {
        padding: 12px 10px !important;
        border-radius: 14px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 12px !important;
        border-radius: 14px;
    }

    .footer-card-icon-green {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 10px;
    }

    .footer-card-icon-green .icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        border-radius: 8px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.8rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.75rem;
    }

    .elementor-widget-heading .elementor-heading-title {
        font-size: 1rem !important;
    }

    .elementor-widget-text-editor p {
        font-size: 0.8rem !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.8rem;
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 8px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 8px 18px !important;
        font-size: 0.8rem !important;
        border-radius: 50px !important;
    }

    .footer-copyright-green {
        font-size: 0.7rem;
        padding-top: 12px;
        margin-top: 12px;
    }

    .footer-leaf-deco::after {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }

    .footer-green-dots::before {
        font-size: 5px;
        letter-spacing: 8px;
        top: 10px;
        right: 12px;
    }
}

/* ============================================
   10. راهنمای استفاده
   ============================================ */

/* 
   نحوه استفاده در المنتور:
   
   ۱. به بخش فوتر خود بروید یا یک بخش جدید اضافه کنید
   
   ۲. در تنظیمات بخش (Section) → ADVANCED → CSS Classes
      یکی از کلاس‌های زیر را وارد کنید:
   
      - footer-green-cards   : فوتر با کارت‌های سبز
      - footer-white-green   : فوتر با پس‌زمینه سفید
      - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
      - footer-minimal-green : فوتر مینیمال سبز
      - footer-green-line    : فوتر با خط سبز بالایی
      - footer-green-dots    : فوتر با نقاط سبز
      - footer-leaf-deco     : فوتر با دکوراسیون برگ
   
   ۳. برای ویجت‌های داخل فوتر:
      - footer-card-green     : کارت سبز
      - footer-card-icon-green : کارت با آیکون سبز
      - footer-copyright-green : کپی‌رایت سبز
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   بخش فوتر:
   CSS Classes: footer-green-soft footer-green-line footer-green-dots
   
   ستون‌های داخلی:
   CSS Classes: footer-green-cards
   
   ویجت‌های داخل ستون‌ها:
   CSS Classes: footer-card-green
   
   کپی‌رایت:
   CSS Classes: footer-copyright-green
*//* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-e7acd01 *//* ============================================
   فوتر مطب مشاور تغذیه - تم سفید و سبز
   آرامش‌بخش، شیک و حرفه‌ای
   ============================================ */

/* ============================================
   1. استایل کلی فوتر
   ============================================ */

/* ---- فوتر اصلی ---- */
.site-footer,
.elementor-location-footer,
.elementor-section.elementor-section-footer {
    background: linear-gradient(180deg, #f0faf0 0%, #e6f5e6 100%) !important;
    border-top: 3px solid rgba(34, 197, 94, 0.04);
    padding: 50px 0 25px 0 !important;
    margin-top: 40px;
    position: relative;
}

/* ---- خط سبز بالای فوتر ---- */
.site-footer::before,
.elementor-location-footer::before,
.elementor-section.elementor-section-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    );
}

/* ============================================
   2. ویجت‌های فوتر - تم سبز
   ============================================ */

/* ---- عنوان فوتر ---- */
.elementor-widget-heading .elementor-heading-title {
    color: #14532d !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    position: relative;
    display: inline-block;
    font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
}

/* ---- زیرخط سبز عنوان ---- */
.elementor-widget-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 35px;
    height: 2px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    border-radius: 2px;
    transition: all 0.4s ease;
}

.elementor-widget-heading:hover .elementor-heading-title::after {
    width: 55px;
}

/* ---- لینک‌های فوتر (منو) ---- */
.elementor-widget-nav-menu .elementor-nav-menu {
    gap: 6px;
}

.elementor-widget-nav-menu .elementor-nav-menu a {
    color: #166534 !important;
    transition: all 0.3s ease;
    padding: 6px 0 !important;
    font-size: 0.95rem;
    position: relative;
}

.elementor-widget-nav-menu .elementor-nav-menu a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1.5px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    transition: all 0.4s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover {
    color: #14532d !important;
    transform: translateX(-4px);
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover::before {
    width: 100%;
}

/* ---- لینک‌های اجتماعی سبز ---- */
.elementor-widget-social-icons .elementor-social-icon {
    background: rgba(34, 197, 94, 0.04) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 12px !important;
    font-size: 18px !important;
    color: #22c55e !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover {
    background: rgba(34, 197, 94, 0.08) !important;
    border-color: rgba(34, 197, 94, 0.12);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

.elementor-widget-social-icons .elementor-social-icon i {
    color: inherit !important;
}

/* ---- دکمه‌های فوتر ---- */
.elementor-widget-button .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-radius: 60px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border: none !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.06);
    font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important;
}

.elementor-widget-button .elementor-button:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 35px rgba(34, 197, 94, 0.08);
    transform: translateY(-2px) scale(1.02);
}

/* ---- دکمه سفید فوتر ---- */
.elementor-widget-button .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.06) !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.02);
}

.elementor-widget-button .elementor-button-white:hover {
    background: #f0faf0 !important;
    border-color: rgba(34, 197, 94, 0.10) !important;
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

/* ============================================
   3. کارت‌های فوتر سبز
   ============================================ */

/* ---- کارت فوتر ---- */
.footer-card-green {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 25px 22px !important;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.01);
}

.footer-card-green:hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transform: translateY(-3px);
}

/* ---- کارت با آیکون سبز ---- */
.footer-card-icon-green {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.03);
    border-radius: 16px;
    transition: all 0.4s ease;
}

.footer-card-icon-green .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(34, 197, 94, 0.04);
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: 18px;
    transition: all 0.4s ease;
}

.footer-card-icon-green:hover .icon {
    background: rgba(34, 197, 94, 0.06);
    border-color: rgba(34, 197, 94, 0.06);
}

.footer-card-icon-green .content h4 {
    color: #14532d;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.footer-card-icon-green .content p {
    color: #166534;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.5;
}

.footer-card-icon-green:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateX(-4px);
}

/* ============================================
   4. کپی‌رایت فوتر
   ============================================ */

/* ---- کپی‌رایت ---- */
.footer-copyright-green {
    border-top: 1px solid rgba(34, 197, 94, 0.04);
    padding-top: 20px;
    margin-top: 25px;
    text-align: center;
    color: #4ade80;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    position: relative;
}

.footer-copyright-green .green-text {
    color: #22c55e;
    transition: all 0.3s ease;
}

.footer-copyright-green .green-text:hover {
    color: #16a34a;
}

/* ---- خط سبز زیر کپی‌رایت ---- */
.footer-copyright-green::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 30%;
    right: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.06), transparent);
}

/* ---- آیکون برگ در کپی‌رایت ---- */
.footer-copyright-green .leaf-icon {
    display: inline-block;
    animation: leafSpin 4s ease-in-out infinite;
    margin: 0 4px;
}

@keyframes leafSpin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
}

/* ============================================
   5. کلاس‌های سفارشی فوتر سبز
   ============================================ */

/* ---- فوتر با کارت‌های سبز ---- */
.footer-green-cards .elementor-column .elementor-widget-wrap {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.02);
    border-radius: 20px;
    padding: 25px !important;
    transition: all 0.5s ease;
}

.footer-green-cards .elementor-column .elementor-widget-wrap:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سفید سبز ---- */
.footer-white-green {
    background: #ffffff !important;
    border-top: 1px solid rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سبز ملایم ---- */
.footer-green-soft {
    background: linear-gradient(180deg, #f0faf0, #e6f5e6) !important;
}

/* ---- فوتر مینیمال سبز ---- */
.footer-minimal-green {
    background: #f0faf0 !important;
    border-top: 1px solid rgba(34, 197, 94, 0.03);
    padding: 30px 0 15px 0 !important;
}

.footer-minimal-green::before {
    display: none !important;
}

/* ---- فوتر با خط سبز بالایی ---- */
.footer-green-line::before {
    height: 3px !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    ) !important;
}

/* ---- فوتر با نقاط سبز تزئینی ---- */
@keyframes greenDots {
    0%, 100% { opacity: 0.05; }
    50% { opacity: 0.12; }
}

.footer-green-dots {
    position: relative;
}

.footer-green-dots::before {
    content: '● ● ●';
    position: absolute;
    top: 15px;
    right: 20px;
    color: #22c55e;
    font-size: 6px;
    letter-spacing: 12px;
    opacity: 0.05;
    animation: greenDots 4s ease-in-out infinite;
}

/* ---- فوتر با دکوراسیون برگ ---- */
.footer-leaf-deco {
    position: relative;
}

.footer-leaf-deco::after {
    content: '🌿';
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    opacity: 0.06;
    animation: leafDeco 4s ease-in-out infinite;
}

@keyframes leafDeco {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(15deg) scale(1.1); }
}

/* ============================================
   6. کلاس‌های آماده برای استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes بخش فوتر:
   
   - footer-green-cards   : فوتر با کارت‌های سبز
   - footer-white-green   : فوتر با پس‌زمینه سفید
   - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
   - footer-minimal-green : فوتر مینیمال سبز
   - footer-green-line    : فوتر با خط سبز بالایی
   - footer-green-dots    : فوتر با نقاط سبز
   - footer-leaf-deco     : فوتر با دکوراسیون برگ
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   فوتر اصلی:
   CSS Classes: footer-green-cards footer-green-line
   
   فوتر سفید:
   CSS Classes: footer-white-green footer-green-dots
   
   فوتر سبز ملایم:
   CSS Classes: footer-green-soft footer-leaf-deco
   
   فوتر مینیمال:
   CSS Classes: footer-minimal-green
*/

/* ============================================
   7. اسکرول بار سبز
   ============================================ */

::-webkit-scrollbar {
    width: 6px;
    background: #f0faf0;
}

::-webkit-scrollbar-track {
    background: #f0faf0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4ade80, #22c55e);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

/* ============================================
   8. استایل موبایل منو
   ============================================ */

.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px !important;
    backdrop-filter: blur(10px);
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
    color: #166534 !important;
    transition: all 0.3s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover {
    background: rgba(34, 197, 94, 0.02) !important;
    color: #22c55e !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

/* ---- تبلت ---- */
@media screen and (max-width: 1024px) {
    .site-footer,
    .elementor-location-footer {
        padding: 35px 0 20px 0 !important;
    }

    .footer-card-green {
        padding: 20px 18px !important;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 20px !important;
    }

    .footer-card-icon-green {
        padding: 12px 15px;
    }
}

/* ---- موبایل ---- */
@media screen and (max-width: 768px) {
    .site-footer,
    .elementor-location-footer {
        padding: 25px 0 15px 0 !important;
    }

    .footer-card-green {
        padding: 16px 14px !important;
        border-radius: 16px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 16px !important;
        border-radius: 16px;
        margin-bottom: 15px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap:hover {
        transform: translateY(-2px);
    }

    .footer-card-icon-green {
        padding: 10px 12px;
        border-radius: 12px;
        gap: 12px;
    }

    .footer-card-icon-green .icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
        border-radius: 10px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.85rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.8rem;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.85rem;
        padding: 4px 0 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a:hover {
        transform: translateX(-3px);
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 10px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 10px 24px !important;
        font-size: 0.85rem !important;
    }

    .footer-copyright-green {
        font-size: 0.75rem;
        padding-top: 15px;
        margin-top: 15px;
    }
}

/* ---- موبایل کوچک ---- */
@media screen and (max-width: 480px) {
    .site-footer,
    .elementor-location-footer {
        padding: 20px 0 10px 0 !important;
    }

    .footer-card-green {
        padding: 12px 10px !important;
        border-radius: 14px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 12px !important;
        border-radius: 14px;
    }

    .footer-card-icon-green {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 10px;
    }

    .footer-card-icon-green .icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        border-radius: 8px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.8rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.75rem;
    }

    .elementor-widget-heading .elementor-heading-title {
        font-size: 1rem !important;
    }

    .elementor-widget-text-editor p {
        font-size: 0.8rem !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.8rem;
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 8px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 8px 18px !important;
        font-size: 0.8rem !important;
        border-radius: 50px !important;
    }

    .footer-copyright-green {
        font-size: 0.7rem;
        padding-top: 12px;
        margin-top: 12px;
    }

    .footer-leaf-deco::after {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }

    .footer-green-dots::before {
        font-size: 5px;
        letter-spacing: 8px;
        top: 10px;
        right: 12px;
    }
}

/* ============================================
   10. راهنمای استفاده
   ============================================ */

/* 
   نحوه استفاده در المنتور:
   
   ۱. به بخش فوتر خود بروید یا یک بخش جدید اضافه کنید
   
   ۲. در تنظیمات بخش (Section) → ADVANCED → CSS Classes
      یکی از کلاس‌های زیر را وارد کنید:
   
      - footer-green-cards   : فوتر با کارت‌های سبز
      - footer-white-green   : فوتر با پس‌زمینه سفید
      - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
      - footer-minimal-green : فوتر مینیمال سبز
      - footer-green-line    : فوتر با خط سبز بالایی
      - footer-green-dots    : فوتر با نقاط سبز
      - footer-leaf-deco     : فوتر با دکوراسیون برگ
   
   ۳. برای ویجت‌های داخل فوتر:
      - footer-card-green     : کارت سبز
      - footer-card-icon-green : کارت با آیکون سبز
      - footer-copyright-green : کپی‌رایت سبز
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   بخش فوتر:
   CSS Classes: footer-green-soft footer-green-line footer-green-dots
   
   ستون‌های داخلی:
   CSS Classes: footer-green-cards
   
   ویجت‌های داخل ستون‌ها:
   CSS Classes: footer-card-green
   
   کپی‌رایت:
   CSS Classes: footer-copyright-green
*//* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6aa20ed *//* ============================================
   ویجت تصویر - تم سفید و سبز (تغذیه)
   شیک، خفن و حرفه‌ای
   ============================================ */

/* ============================================
   1. استایل پایه تصویر
   ============================================ */

.elementor-widget-image .elementor-image img,
.elementor-widget-image img {
    border-radius: 24px;
    border: 2px solid rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    display: block;
    width: 100%;
    height: auto;
    filter: none !important;
    opacity: 1 !important;
    transform: scale(1);
    object-fit: cover;
}

.elementor-widget-image .elementor-image:hover img,
.elementor-widget-image:hover img {
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.08);
    box-shadow: 0 15px 50px rgba(34, 197, 94, 0.04);
    filter: none !important;
    opacity: 1 !important;
}

/* ============================================
   2. تصویر با حاشیه سبز
   ============================================ */

.img-green-border img {
    border: 3px solid rgba(34, 197, 94, 0.08) !important;
    border-radius: 24px;
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-green-border:hover img {
    border-color: rgba(34, 197, 94, 0.16) !important;
    box-shadow: 0 12px 45px rgba(34, 197, 94, 0.04);
    transform: scale(1.03);
}

/* ============================================
   3. تصویر با سایه سبز
   ============================================ */

.img-shadow-green img {
    border-radius: 24px;
    box-shadow: 
        0 10px 40px rgba(34, 197, 94, 0.03),
        0 20px 70px rgba(34, 197, 94, 0.01);
    border: 1px solid rgba(34, 197, 94, 0.03);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-shadow-green:hover img {
    box-shadow: 
        0 15px 50px rgba(34, 197, 94, 0.05),
        0 30px 80px rgba(34, 197, 94, 0.02);
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.06);
}

/* ============================================
   4. تصویر با قاب دوگانه سبز
   ============================================ */

.img-double-green img {
    border-radius: 24px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 0 0 6px rgba(34, 197, 94, 0.02),
        0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-double-green:hover img {
    box-shadow: 
        0 0 0 8px rgba(34, 197, 94, 0.04),
        0 12px 45px rgba(34, 197, 94, 0.04);
    transform: scale(1.03);
    border-color: rgba(255, 255, 255, 0.2);
}

/* ============================================
   5. تصویر با هاله سبز (Glow)
   ============================================ */

.img-glow-green img {
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.03);
    box-shadow: 0 0 30px rgba(34, 197, 94, 0.01);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-glow-green:hover img {
    box-shadow: 0 0 60px rgba(34, 197, 94, 0.04);
    border-color: rgba(34, 197, 94, 0.06);
    transform: scale(1.03);
}

/* ============================================
   6. تصویر با پس‌زمینه سبز ملایم
   ============================================ */

.img-bg-green img {
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-bg-green {
    background: rgba(34, 197, 94, 0.01);
    padding: 10px;
    border-radius: 28px;
    border: 1px solid rgba(34, 197, 94, 0.03);
    display: inline-block;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-bg-green:hover {
    background: rgba(34, 197, 94, 0.02);
    border-color: rgba(34, 197, 94, 0.06);
}

.img-bg-green:hover img {
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.06);
}

/* ============================================
   7. تصویر با خطوط تزئینی سبز
   ============================================ */

.img-lines-green img {
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.03);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-lines-green {
    position: relative;
    display: inline-block;
}

.img-lines-green::before {
    content: '';
    position: absolute;
    bottom: -14px;
    right: -14px;
    width: 45px;
    height: 45px;
    border-right: 2px solid rgba(34, 197, 94, 0.06);
    border-bottom: 2px solid rgba(34, 197, 94, 0.06);
    border-radius: 0 0 24px 0;
    transition: all 0.6s ease;
}

.img-lines-green::after {
    content: '';
    position: absolute;
    top: -14px;
    left: -14px;
    width: 45px;
    height: 45px;
    border-left: 2px solid rgba(34, 197, 94, 0.06);
    border-top: 2px solid rgba(34, 197, 94, 0.06);
    border-radius: 24px 0 0 0;
    transition: all 0.6s ease;
}

.img-lines-green:hover::before {
    width: 65px;
    height: 65px;
    border-color: rgba(34, 197, 94, 0.10);
}

.img-lines-green:hover::after {
    width: 65px;
    height: 65px;
    border-color: rgba(34, 197, 94, 0.10);
}

.img-lines-green:hover img {
    transform: scale(1.03);
}

/* ============================================
   8. تصویر با گوشه‌های برش خورده سبز
   ============================================ */

.img-cut-green img {
    border-radius: 0;
    clip-path: polygon(0% 0%, 95% 0%, 100% 5%, 100% 100%, 5% 100%, 0% 95%);
    border: 1px solid rgba(34, 197, 94, 0.03);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-cut-green:hover img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.06);
    box-shadow: 0 12px 45px rgba(34, 197, 94, 0.04);
}

/* ============================================
   9. تصویر با شناور سبز
   ============================================ */

.img-float-green img {
    border-radius: 24px;
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    border: 1px solid rgba(34, 197, 94, 0.03);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    animation: floatGreen 3s ease-in-out infinite;
}

@keyframes floatGreen {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}

.img-float-green:hover img {
    animation-play-state: paused;
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 15px 50px rgba(34, 197, 94, 0.04);
    border-color: rgba(34, 197, 94, 0.06);
}

/* ============================================
   10. تصویر با قاب دایره‌ای سبز
   ============================================ */

.img-circle-green img {
    border-radius: 50% !important;
    border: 3px solid rgba(34, 197, 94, 0.06);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    object-fit: cover;
}

.img-circle-green:hover img {
    border-color: rgba(34, 197, 94, 0.12);
    box-shadow: 0 12px 45px rgba(34, 197, 94, 0.04);
    transform: scale(1.04);
}

/* ============================================
   11. تصویر با افکت برش مورب سبز
   ============================================ */

.img-skew-green img {
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.03);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
}

.img-skew-green:hover img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.06);
    box-shadow: 0 12px 45px rgba(34, 197, 94, 0.04);
}

/* ============================================
   12. تصویر با افکت آینه‌ای سبز
   ============================================ */

.img-mirror-green {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 24px;
}

.img-mirror-green img {
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.03);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-mirror-green::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(34, 197, 94, 0.02), 
        rgba(34, 197, 94, 0.005), 
        transparent
    );
    transform: skewX(-25deg);
    transition: all 0.8s ease;
    pointer-events: none;
    z-index: 2;
}

.img-mirror-green:hover::before {
    left: 150%;
}

.img-mirror-green:hover img {
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.06);
}

/* ============================================
   13. تصویر با سایه بالا (Raised)
   ============================================ */

.img-raised-green img {
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.03);
    box-shadow: 
        -6px -6px 20px rgba(255, 255, 255, 0.6),
        6px 6px 25px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-raised-green:hover img {
    box-shadow: 
        -10px -10px 30px rgba(255, 255, 255, 0.8),
        10px 10px 35px rgba(34, 197, 94, 0.04);
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.06);
}

/* ============================================
   14. تصویر با افکت نقطه‌ای سبز
   ============================================ */

.img-dots-green {
    position: relative;
    display: inline-block;
}

.img-dots-green img {
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.03);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.img-dots-green::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle, rgba(34, 197, 94, 0.02) 1px, transparent 1px);
    background-size: 25px 25px;
    pointer-events: none;
    border-radius: 24px;
    opacity: 0;
    transition: all 0.6s ease;
}

.img-dots-green:hover::before {
    opacity: 1;
}

.img-dots-green:hover img {
    transform: scale(1.03);
    border-color: rgba(34, 197, 94, 0.06);
}

/* ============================================
   15. کلاس‌های آماده برای استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes ویجت تصویر:
   
   - img-green-border   : حاشیه سبز
   - img-shadow-green   : سایه سبز
   - img-double-green   : قاب دوگانه سبز
   - img-glow-green     : هاله سبز
   - img-bg-green       : پس‌زمینه سبز ملایم
   - img-lines-green    : خطوط تزئینی سبز
   - img-cut-green      : گوشه‌های برش خورده
   - img-float-green    : شناور سبز
   - img-circle-green   : دایره‌ای سبز
   - img-skew-green     : برش مورب سبز
   - img-mirror-green   : آینه‌ای سبز
   - img-raised-green   : سایه بالا سبز
   - img-dots-green     : نقطه‌ای سبز
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   تصویر اصلی:
   CSS Classes: img-shadow-green img-lines-green
   
   تصویر دایره‌ای:
   CSS Classes: img-circle-green img-glow-green
   
   تصویر شناور:
   CSS Classes: img-float-green img-double-green
   
   تصویر با افکت خاص:
   CSS Classes: img-mirror-green img-cut-green
*/

/* ============================================
   16. ریسپانسیو
   ============================================ */

@media screen and (max-width: 1024px) {
    .elementor-widget-image .elementor-image img {
        border-radius: 20px;
        box-shadow: 0 6px 25px rgba(34, 197, 94, 0.02);
    }
    
    .elementor-widget-image .elementor-image:hover img {
        transform: scale(1.02);
    }
    
    .img-float-green img {
        animation: floatGreenTablet 3s ease-in-out infinite;
    }
    
    @keyframes floatGreenTablet {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-5px); }
    }
    
    .img-lines-green::before,
    .img-lines-green::after {
        width: 30px;
        height: 30px;
    }
    
    .img-lines-green:hover::before,
    .img-lines-green:hover::after {
        width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 768px) {
    .elementor-widget-image .elementor-image img {
        border-radius: 16px;
        box-shadow: 0 4px 20px rgba(34, 197, 94, 0.02);
    }
    
    .elementor-widget-image .elementor-image:hover img {
        transform: scale(1.02);
    }
    
    .img-float-green img {
        animation: floatGreenMobile 3s ease-in-out infinite;
    }
    
    @keyframes floatGreenMobile {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-4px); }
    }
    
    .img-circle-green img {
        border-width: 2px;
    }
    
    .img-lines-green::before,
    .img-lines-green::after {
        display: none;
    }
    
    .img-bg-green {
        padding: 6px;
        border-radius: 20px;
    }
    
    .img-double-green img {
        box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.02), 0 4px 20px rgba(34, 197, 94, 0.02);
    }
    
    .img-double-green:hover img {
        box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.03), 0 8px 30px rgba(34, 197, 94, 0.03);
    }
    
    .img-cut-green img {
        clip-path: polygon(0% 0%, 92% 0%, 100% 8%, 100% 100%, 8% 100%, 0% 92%);
    }
    
    .img-cut-green:hover img {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    
    .img-skew-green img {
        clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
    }
}

@media screen and (max-width: 480px) {
    .elementor-widget-image .elementor-image img {
        border-radius: 14px;
        box-shadow: 0 3px 15px rgba(34, 197, 94, 0.01);
        border-width: 1.5px;
    }
    
    .elementor-widget-image .elementor-image:hover img {
        transform: scale(1.01);
    }
    
    .img-float-green img {
        animation: floatGreenMobileSmall 3s ease-in-out infinite;
    }
    
    @keyframes floatGreenMobileSmall {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-2px); }
    }
    
    .img-circle-green img {
        border-width: 2px;
        border-radius: 50% !important;
    }
    
    .img-bg-green {
        padding: 4px;
        border-radius: 16px;
    }
    
    .img-double-green img {
        border-width: 1.5px;
        box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.02), 0 3px 15px rgba(34, 197, 94, 0.01);
    }
    
    .img-double-green:hover img {
        box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.03), 0 6px 25px rgba(34, 197, 94, 0.02);
    }
    
    .img-green-border img {
        border-width: 2px;
    }
    
    .img-glow-green img {
        box-shadow: 0 0 20px rgba(34, 197, 94, 0.01);
    }
    
    .img-glow-green:hover img {
        box-shadow: 0 0 30px rgba(34, 197, 94, 0.02);
    }
    
    .img-mirror-green::before {
        display: none;
    }
}

/* ============================================
   17. تضمین عدم کدری و محو شدگی
   ============================================ */

.elementor-widget-image img,
.elementor-widget-image .elementor-image img {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
    image-rendering: auto;
}

.elementor-widget-image:hover img,
.elementor-widget-image .elementor-image:hover img {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-45ac5ae *//* ============================================
   فوتر مطب مشاور تغذیه - تم سفید و سبز
   آرامش‌بخش، شیک و حرفه‌ای
   ============================================ */

/* ============================================
   1. استایل کلی فوتر
   ============================================ */

/* ---- فوتر اصلی ---- */
.site-footer,
.elementor-location-footer,
.elementor-section.elementor-section-footer {
    background: linear-gradient(180deg, #f0faf0 0%, #e6f5e6 100%) !important;
    border-top: 3px solid rgba(34, 197, 94, 0.04);
    padding: 50px 0 25px 0 !important;
    margin-top: 40px;
    position: relative;
}

/* ---- خط سبز بالای فوتر ---- */
.site-footer::before,
.elementor-location-footer::before,
.elementor-section.elementor-section-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    );
}

/* ============================================
   2. ویجت‌های فوتر - تم سبز
   ============================================ */

/* ---- عنوان فوتر ---- */
.elementor-widget-heading .elementor-heading-title {
    color: #14532d !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    position: relative;
    display: inline-block;
    font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
}

/* ---- زیرخط سبز عنوان ---- */
.elementor-widget-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 35px;
    height: 2px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    border-radius: 2px;
    transition: all 0.4s ease;
}

.elementor-widget-heading:hover .elementor-heading-title::after {
    width: 55px;
}

/* ---- لینک‌های فوتر (منو) ---- */
.elementor-widget-nav-menu .elementor-nav-menu {
    gap: 6px;
}

.elementor-widget-nav-menu .elementor-nav-menu a {
    color: #166534 !important;
    transition: all 0.3s ease;
    padding: 6px 0 !important;
    font-size: 0.95rem;
    position: relative;
}

.elementor-widget-nav-menu .elementor-nav-menu a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1.5px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    transition: all 0.4s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover {
    color: #14532d !important;
    transform: translateX(-4px);
}

.elementor-widget-nav-menu .elementor-nav-menu a:hover::before {
    width: 100%;
}

/* ---- لینک‌های اجتماعی سبز ---- */
.elementor-widget-social-icons .elementor-social-icon {
    background: rgba(34, 197, 94, 0.04) !important;
    border: 1px solid rgba(34, 197, 94, 0.06);
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 12px !important;
    font-size: 18px !important;
    color: #22c55e !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover {
    background: rgba(34, 197, 94, 0.08) !important;
    border-color: rgba(34, 197, 94, 0.12);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

.elementor-widget-social-icons .elementor-social-icon i {
    color: inherit !important;
}

/* ---- دکمه‌های فوتر ---- */
.elementor-widget-button .elementor-button {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-radius: 60px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border: none !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.06);
    font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important;
}

.elementor-widget-button .elementor-button:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 35px rgba(34, 197, 94, 0.08);
    transform: translateY(-2px) scale(1.02);
}

/* ---- دکمه سفید فوتر ---- */
.elementor-widget-button .elementor-button-white {
    background: #ffffff !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.06) !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.02);
}

.elementor-widget-button .elementor-button-white:hover {
    background: #f0faf0 !important;
    border-color: rgba(34, 197, 94, 0.10) !important;
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.04);
}

/* ============================================
   3. کارت‌های فوتر سبز
   ============================================ */

/* ---- کارت فوتر ---- */
.footer-card-green {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 25px 22px !important;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.01);
}

.footer-card-green:hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(34, 197, 94, 0.04);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
    transform: translateY(-3px);
}

/* ---- کارت با آیکون سبز ---- */
.footer-card-icon-green {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.03);
    border-radius: 16px;
    transition: all 0.4s ease;
}

.footer-card-icon-green .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(34, 197, 94, 0.04);
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: 18px;
    transition: all 0.4s ease;
}

.footer-card-icon-green:hover .icon {
    background: rgba(34, 197, 94, 0.06);
    border-color: rgba(34, 197, 94, 0.06);
}

.footer-card-icon-green .content h4 {
    color: #14532d;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.footer-card-icon-green .content p {
    color: #166534;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.5;
}

.footer-card-icon-green:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateX(-4px);
}

/* ============================================
   4. کپی‌رایت فوتر
   ============================================ */

/* ---- کپی‌رایت ---- */
.footer-copyright-green {
    border-top: 1px solid rgba(34, 197, 94, 0.04);
    padding-top: 20px;
    margin-top: 25px;
    text-align: center;
    color: #4ade80;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    position: relative;
}

.footer-copyright-green .green-text {
    color: #22c55e;
    transition: all 0.3s ease;
}

.footer-copyright-green .green-text:hover {
    color: #16a34a;
}

/* ---- خط سبز زیر کپی‌رایت ---- */
.footer-copyright-green::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 30%;
    right: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.06), transparent);
}

/* ---- آیکون برگ در کپی‌رایت ---- */
.footer-copyright-green .leaf-icon {
    display: inline-block;
    animation: leafSpin 4s ease-in-out infinite;
    margin: 0 4px;
}

@keyframes leafSpin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
}

/* ============================================
   5. کلاس‌های سفارشی فوتر سبز
   ============================================ */

/* ---- فوتر با کارت‌های سبز ---- */
.footer-green-cards .elementor-column .elementor-widget-wrap {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(34, 197, 94, 0.02);
    border-radius: 20px;
    padding: 25px !important;
    transition: all 0.5s ease;
}

.footer-green-cards .elementor-column .elementor-widget-wrap:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(34, 197, 94, 0.04);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سفید سبز ---- */
.footer-white-green {
    background: #ffffff !important;
    border-top: 1px solid rgba(34, 197, 94, 0.02);
}

/* ---- فوتر با پس‌زمینه سبز ملایم ---- */
.footer-green-soft {
    background: linear-gradient(180deg, #f0faf0, #e6f5e6) !important;
}

/* ---- فوتر مینیمال سبز ---- */
.footer-minimal-green {
    background: #f0faf0 !important;
    border-top: 1px solid rgba(34, 197, 94, 0.03);
    padding: 30px 0 15px 0 !important;
}

.footer-minimal-green::before {
    display: none !important;
}

/* ---- فوتر با خط سبز بالایی ---- */
.footer-green-line::before {
    height: 3px !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(34, 197, 94, 0.06) 20%, 
        rgba(34, 197, 94, 0.10) 50%, 
        rgba(34, 197, 94, 0.06) 80%, 
        transparent 100%
    ) !important;
}

/* ---- فوتر با نقاط سبز تزئینی ---- */
@keyframes greenDots {
    0%, 100% { opacity: 0.05; }
    50% { opacity: 0.12; }
}

.footer-green-dots {
    position: relative;
}

.footer-green-dots::before {
    content: '● ● ●';
    position: absolute;
    top: 15px;
    right: 20px;
    color: #22c55e;
    font-size: 6px;
    letter-spacing: 12px;
    opacity: 0.05;
    animation: greenDots 4s ease-in-out infinite;
}

/* ---- فوتر با دکوراسیون برگ ---- */
.footer-leaf-deco {
    position: relative;
}

.footer-leaf-deco::after {
    content: '🌿';
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    opacity: 0.06;
    animation: leafDeco 4s ease-in-out infinite;
}

@keyframes leafDeco {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(15deg) scale(1.1); }
}

/* ============================================
   6. کلاس‌های آماده برای استفاده
   ============================================ */

/* 
   کلاس‌های قابل استفاده در CSS Classes بخش فوتر:
   
   - footer-green-cards   : فوتر با کارت‌های سبز
   - footer-white-green   : فوتر با پس‌زمینه سفید
   - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
   - footer-minimal-green : فوتر مینیمال سبز
   - footer-green-line    : فوتر با خط سبز بالایی
   - footer-green-dots    : فوتر با نقاط سبز
   - footer-leaf-deco     : فوتر با دکوراسیون برگ
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   فوتر اصلی:
   CSS Classes: footer-green-cards footer-green-line
   
   فوتر سفید:
   CSS Classes: footer-white-green footer-green-dots
   
   فوتر سبز ملایم:
   CSS Classes: footer-green-soft footer-leaf-deco
   
   فوتر مینیمال:
   CSS Classes: footer-minimal-green
*/

/* ============================================
   7. اسکرول بار سبز
   ============================================ */

::-webkit-scrollbar {
    width: 6px;
    background: #f0faf0;
}

::-webkit-scrollbar-track {
    background: #f0faf0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4ade80, #22c55e);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

/* ============================================
   8. استایل موبایل منو
   ============================================ */

.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(34, 197, 94, 0.04);
    border-radius: 12px !important;
    backdrop-filter: blur(10px);
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
    color: #166534 !important;
    transition: all 0.3s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover {
    background: rgba(34, 197, 94, 0.02) !important;
    color: #22c55e !important;
}

/* ============================================
   9. ریسپانسیو
   ============================================ */

/* ---- تبلت ---- */
@media screen and (max-width: 1024px) {
    .site-footer,
    .elementor-location-footer {
        padding: 35px 0 20px 0 !important;
    }

    .footer-card-green {
        padding: 20px 18px !important;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 20px !important;
    }

    .footer-card-icon-green {
        padding: 12px 15px;
    }
}

/* ---- موبایل ---- */
@media screen and (max-width: 768px) {
    .site-footer,
    .elementor-location-footer {
        padding: 25px 0 15px 0 !important;
    }

    .footer-card-green {
        padding: 16px 14px !important;
        border-radius: 16px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 16px !important;
        border-radius: 16px;
        margin-bottom: 15px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap:hover {
        transform: translateY(-2px);
    }

    .footer-card-icon-green {
        padding: 10px 12px;
        border-radius: 12px;
        gap: 12px;
    }

    .footer-card-icon-green .icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
        border-radius: 10px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.85rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.8rem;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.85rem;
        padding: 4px 0 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a:hover {
        transform: translateX(-3px);
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 10px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 10px 24px !important;
        font-size: 0.85rem !important;
    }

    .footer-copyright-green {
        font-size: 0.75rem;
        padding-top: 15px;
        margin-top: 15px;
    }
}

/* ---- موبایل کوچک ---- */
@media screen and (max-width: 480px) {
    .site-footer,
    .elementor-location-footer {
        padding: 20px 0 10px 0 !important;
    }

    .footer-card-green {
        padding: 12px 10px !important;
        border-radius: 14px;
    }

    .footer-green-cards .elementor-column .elementor-widget-wrap {
        padding: 12px !important;
        border-radius: 14px;
    }

    .footer-card-icon-green {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 10px;
    }

    .footer-card-icon-green .icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        border-radius: 8px;
    }

    .footer-card-icon-green .content h4 {
        font-size: 0.8rem;
    }

    .footer-card-icon-green .content p {
        font-size: 0.75rem;
    }

    .elementor-widget-heading .elementor-heading-title {
        font-size: 1rem !important;
    }

    .elementor-widget-text-editor p {
        font-size: 0.8rem !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu a {
        font-size: 0.8rem;
    }

    .elementor-widget-social-icons .elementor-social-icon {
        padding: 8px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    .elementor-widget-button .elementor-button {
        padding: 8px 18px !important;
        font-size: 0.8rem !important;
        border-radius: 50px !important;
    }

    .footer-copyright-green {
        font-size: 0.7rem;
        padding-top: 12px;
        margin-top: 12px;
    }

    .footer-leaf-deco::after {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }

    .footer-green-dots::before {
        font-size: 5px;
        letter-spacing: 8px;
        top: 10px;
        right: 12px;
    }
}

/* ============================================
   10. راهنمای استفاده
   ============================================ */

/* 
   نحوه استفاده در المنتور:
   
   ۱. به بخش فوتر خود بروید یا یک بخش جدید اضافه کنید
   
   ۲. در تنظیمات بخش (Section) → ADVANCED → CSS Classes
      یکی از کلاس‌های زیر را وارد کنید:
   
      - footer-green-cards   : فوتر با کارت‌های سبز
      - footer-white-green   : فوتر با پس‌زمینه سفید
      - footer-green-soft    : فوتر با پس‌زمینه سبز ملایم
      - footer-minimal-green : فوتر مینیمال سبز
      - footer-green-line    : فوتر با خط سبز بالایی
      - footer-green-dots    : فوتر با نقاط سبز
      - footer-leaf-deco     : فوتر با دکوراسیون برگ
   
   ۳. برای ویجت‌های داخل فوتر:
      - footer-card-green     : کارت سبز
      - footer-card-icon-green : کارت با آیکون سبز
      - footer-copyright-green : کپی‌رایت سبز
*/

/* ---- مثال ترکیبی برای بهترین نتیجه ---- */

/*
   بخش فوتر:
   CSS Classes: footer-green-soft footer-green-line footer-green-dots
   
   ستون‌های داخلی:
   CSS Classes: footer-green-cards
   
   ویجت‌های داخل ستون‌ها:
   CSS Classes: footer-card-green
   
   کپی‌رایت:
   CSS Classes: footer-copyright-green
*//* End custom CSS */