/* EHIAWAY handcraft skin for the hamyarlearn theme — loads after all theme CSS */
@import url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css");
:root{--ink:#0B3340;--teal:#014454;--t2:#028090;--mint:#00A896;--paper:#F5F0E4;--card:#FFFCF4;--hl:#F7DC6F;--line:rgba(11,51,64,.28);--mute:#3A565F;
--r1:255px 18px 225px 18px/18px 225px 18px 255px;--rc:16px 38px 18px 34px/34px 18px 38px 16px;--blob:50% 46% 54% 48%/52% 50% 48% 54%}
html body{font-family:Vazirmatn,Shabnam,IRANSans,Tahoma,sans-serif!important;color:var(--ink);background-color:var(--paper)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")!important;background-size:220px!important}
html body :is(h1,h2,h3,h4,h5,h6,p,li,a,span,input,textarea,button,label,td,th):not([class*="fa-"]):not(.fa):not([class^="icon"]){font-family:inherit}
::selection{background:var(--hl)!important;color:var(--ink)!important}
body :focus-visible{outline:3px dashed var(--mint)!important;outline-offset:3px}
/* ---- header ---- */
html body .shayanheader:not(.hamyarlearn-elementor-sticky-header){background:var(--paper)!important;border-bottom:2px dashed var(--line)}
body .logotitles .titlelogo{color:var(--teal)}
body .logotitles .desklogo{color:var(--mute)}
body .menuarea ul>li>a{color:var(--ink);border-radius:0;background:linear-gradient(var(--hl),var(--hl)) no-repeat 100% 88%/0 .5em;transition:background-size .25s}
body .menuarea ul>li:hover>a,body .menuarea>ul>li.current-menu-item>a,body .menuarea ul>li.current-menu-parent>a{background-color:transparent;background-size:100% .5em}
body .menuarea ul>li:hover>ul{background:var(--card);border:2px solid var(--ink);border-radius:var(--rc);box-shadow:4px 4px 0 var(--ink)}
html body .menuarea ul>li>ul>li:hover>a{background:var(--hl)!important;color:var(--ink);transform:none;border-radius:10px}
html body .acta,html body .bctagosmart,html body .allcoursesb,html body .shayanwebhml-register{background:var(--teal)!important;color:#fff!important;border:2px solid var(--ink)!important;border-radius:var(--r1)!important;box-shadow:3px 3px 0 var(--ink)!important;font-weight:800;transition:transform .15s,box-shadow .15s}
html body :is(.acta,.bctagosmart,.allcoursesb,.shayanwebhml-register):hover{background:var(--teal)!important;color:#fff!important;transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)!important}
html body .shayanwebhml-advice{background:var(--card)!important;color:var(--teal)!important;border:2px solid var(--ink)!important;border-radius:var(--r1)!important;box-shadow:3px 3px 0 var(--ink)!important}
body .searchclick.active,body .searchclick .shayanweb-hml-search-form{background:var(--card);border:2px solid var(--ink);border-radius:var(--rc);box-shadow:4px 4px 0 var(--ink)}
body .searchclick .shayanweb-hml-search-form input,body .searchclick.active .shayanweb-hml-search-form button{background:transparent!important;color:var(--ink)}
body .mobilenavmenu,body .mobilenavmenu:hover{color:var(--teal)}
html body .shayanwebmenuarea .logomobile,html body #hamyarlearn-mobile-menu .logomobile{background:var(--teal)!important}
body .shayanwebmenuarea .loginmenu a{background:var(--hl);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r1);box-shadow:3px 3px 0 var(--ink)}
body .shayanwebmenuarea .menumobileulli ul>li>a{color:var(--ink)}
/* ---- titles, breadcrumb ---- */
body .page-title{color:var(--teal);font-weight:800;line-height:1.7;margin-bottom:2rem}
body .page-title{text-decoration:underline;text-decoration-color:rgba(247,220,111,.85);text-decoration-thickness:.3em;text-underline-offset:-.12em;text-decoration-skip-ink:none}
body .broadc a{color:var(--t2);font-weight:700;text-decoration:underline wavy var(--mint)!important;text-underline-offset:5px}
body .broadc i{color:var(--ink)}
/* ---- post cards ---- */
html body :is(.shadow_postbox,.everyart:not(.elementor-postbox) a,.postbox-elementor-mode2 card.postbox){position:relative;overflow:visible;background:var(--card)!important;border:2px solid var(--ink)!important;border-radius:var(--r1)!important;box-shadow:5px 5px 0 var(--ink)!important;transform:rotate(-.6deg);transition:transform .15s,box-shadow .15s}
body :is(.col-lg-4,.col-lg-3,.col-lg-6,.col-sm-6):nth-child(even) :is(.shadow_postbox,.postbox-elementor-mode2 card.postbox){transform:rotate(.6deg)}
html body :is(.shadow_postbox,.postbox-elementor-mode2 card.postbox):hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)!important}
body :is(.shadow_postbox,.postbox-elementor-mode2 card.postbox):before{content:"";position:absolute;z-index:2;top:-13px;right:calc(50% - 38px);width:76px;height:24px;background:rgba(247,220,111,.88);transform:rotate(3deg);box-shadow:0 1px 3px rgba(0,0,0,.14);pointer-events:none}
body :is(.col-lg-4,.col-lg-3,.col-lg-6,.col-sm-6):nth-child(even) :is(.shadow_postbox,.postbox-elementor-mode2 card.postbox):before{background:rgba(0,168,150,.5);transform:rotate(-4deg)}
body .everyart a figure img,body .postbox-elementor-mode2 card.postbox img{border:2px solid var(--ink);border-radius:var(--blob);box-shadow:3px 3px 0 var(--ink)}
body .everyart .blog-posts-inner h2,body .blog-posts-inner h3{color:var(--teal);font-weight:800}
body .postbox-elementor-mode2 card.postbox .blog-posts-inner{background:var(--card);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px 28px 16px 26px/26px 16px 28px 14px}
body .everyart .blog-posts-inner .post-meta span{color:var(--mute)}
/* ---- article ---- */
body .article-content{color:var(--ink)}
html body .article-content>article>:is(h1,h2,h3,h4,h5,h6){color:var(--teal);font-weight:800}
html body .article-content>article p a{color:var(--t2);font-weight:700;text-decoration:underline wavy var(--mint)!important;text-underline-offset:5px}
html body .article-content>article>ul li:before{background-color:var(--mint)!important;border:2px solid var(--ink);width:11px;height:11px;border-radius:var(--blob);top:10px}
body .article-content figure.wp-block-image{background:var(--card);border:2px solid var(--ink);border-radius:var(--rc);box-shadow:5px 5px 0 var(--ink)}
body .article-content :is(img,video){border-radius:14px 28px 16px 26px/26px 16px 28px 14px}
body .article-content blockquote{background:rgba(247,220,111,.5);border:2px dashed var(--ink);border-radius:4px 4px 28px 4px;padding:1rem 1.6rem;box-shadow:4px 5px 0 rgba(11,51,64,.2)}
body .article-content table{border:2px solid var(--ink)}body .article-content :is(th,td){border:1px dashed var(--line)}
body .tagsbox ul li a{background:var(--card);color:var(--teal);border:2px solid var(--ink);border-radius:var(--r1);box-shadow:2px 2px 0 var(--ink)}
body .tagsbox ul li a:hover{background:var(--hl);color:var(--ink)}
body .authorbox{background:var(--card);border:2px solid var(--ink);border-radius:var(--rc);box-shadow:5px 5px 0 var(--ink);padding:1rem 1.4rem}
body .authorbox .author-avatar img{border:2px solid var(--ink);border-radius:var(--blob)}
body .authorbox .avatar-infos .author-name,body .authorbox .avatar-infos .author-name a{color:var(--teal)}
body :is(.sidebar_widget_box,.sidebar-shayanwebhml,.shayanweb-custom-sidebar){background:var(--card);border:2px solid var(--ink);border-radius:var(--rc);box-shadow:5px 5px 0 var(--ink)}
/* ---- comments and forms ---- */
body #comments ol.commentlist li.comment{background:var(--card);border:2px solid var(--ink)!important;border-radius:var(--rc);box-shadow:4px 4px 0 var(--ink)}
body #comments ol.commentlist li.comment article .comment-author :is(.fn,.fn a){color:var(--teal);font-weight:800}
body #comments ol.commentlist li img.avatar{border:2px solid var(--ink);border-radius:var(--blob)}
body :is(.comment-form input:not([type=submit],[type=checkbox]),.comment-form textarea,.searchform input,.hml-contact-form :is(input,textarea),.post-password-form input:not([type=submit])){border:2px solid var(--ink);border-radius:10px 18px 12px 16px/16px 12px 18px 10px;background:var(--card);color:var(--ink)}
body :is(.comment-form input,.comment-form textarea):focus{border-color:var(--t2);box-shadow:3px 3px 0 var(--mint)}
html body :is(.commentsarea form .form-submit input[type="submit"],.hml-contact-form input[type="submit"],.post-password-form input[type="submit"],.gform_footer input[type="submit"].gform_button.button){background:var(--teal)!important;color:#fff!important;border:2px solid var(--ink)!important;border-radius:var(--r1)!important;box-shadow:3px 3px 0 var(--ink)!important;font-weight:800}
html body :is(.commentsarea form .form-submit input[type="submit"]:hover,.hml-contact-form input[type="submit"]:hover){background:var(--teal)!important}
html body :is(.notregcmnt p,#respond .comment-reply-title a,.comment-navigation a){color:var(--teal)!important}
/* ---- pagination ---- */
html body .pagination-wp .pagination .nav-links :is(.page-numbers,a.page-numbers){padding:9px 16px;background:var(--card)!important;color:var(--teal);border:2px solid var(--ink);border-radius:var(--blob);box-shadow:3px 3px 0 var(--ink);font-weight:800;margin:0 .2rem}
html body .pagination-wp .pagination .nav-links :is(.current,a.page-numbers:hover){background:var(--hl)!important;color:var(--ink)}
html body .pagination-wp .pagination{background:transparent}
/* ---- footer ---- */
html body #footer{background:none!important}
html body #footer .main-footer .main-footer-bg{-webkit-mask-box-image:none;mask-image:none;-webkit-mask:none;background:var(--teal)!important;border:2px solid var(--ink);border-radius:var(--rc);box-shadow:6px 6px 0 var(--ink);outline:3px dashed rgba(255,255,255,.45);outline-offset:-12px;width:auto;height:auto;inset:0 0 6px 0}
body #footer .footcontent .scoialsicons li a{display:inline-grid;place-items:center;width:46px;height:46px;font-size:22px;background:var(--hl);color:var(--ink);border:2px solid #fff;border-radius:var(--blob)}
body #footer .footerarea .footcontent .menubottom{border-bottom:2px dashed rgba(255,255,255,.4)}
body #footer .footerarea .footcontent .menubottom ul li a:hover,body .footertxtaddress a:hover{color:var(--hl)}
/* ---- LearnDash and shop (light touch) ---- */
html body .learndash-wrapper :is(.ld-button,.ld-course-status .ld-button,input[type=submit]){background:var(--teal)!important;color:#fff!important;border:2px solid var(--ink)!important;border-radius:var(--r1)!important;box-shadow:3px 3px 0 var(--ink)}
html body .learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage{background:var(--teal)!important}
html body .learndash-wrapper :is(.ld-item-list-item,.ld-course-status){border-color:var(--ink)}
html body .woocommerce :is(a.button,button.button,input.button,#respond input#submit){background:var(--teal)!important;color:#fff!important;border:2px solid var(--ink)!important;border-radius:var(--r1)!important;box-shadow:3px 3px 0 var(--ink)}

/* ---- v1.1: course cards, single-course boxes, remaining white panels ---- */
html body .everypro{position:relative;overflow:visible;background:var(--card)!important;border:2px solid var(--ink);border-radius:var(--r1);box-shadow:5px 5px 0 var(--ink)!important;transform:rotate(-.6deg);transition:transform .15s,box-shadow .15s;margin-top:14px}
html body .prosarchivestyle:nth-child(even) .everypro{transform:rotate(.6deg)}
html body .everypro:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)!important}
body .everypro:before{content:"";position:absolute;z-index:2;top:-13px;right:calc(50% - 38px);width:76px;height:24px;background:rgba(247,220,111,.88);transform:rotate(3deg);box-shadow:0 1px 3px rgba(0,0,0,.14);pointer-events:none}
body .prosarchivestyle:nth-child(even) .everypro:before{background:rgba(0,168,150,.5);transform:rotate(-4deg)}
body .everypro .proheader{padding:16px 16px 0}
body .everypro .proheader img{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:14px 28px 16px 26px/26px 16px 28px 14px;box-shadow:3px 3px 0 var(--ink)}
html body .prodetail>.atitlepro>a,html body .prodetail>.atitlepro>a:hover{color:var(--teal)!important;font-weight:800}
body .prodetail p{color:var(--mute)}
body .prodetail .product_metas{border-top:2px dashed var(--line);padding-top:.6rem}
body .prodetail .product_metas li+li{border-inline-start:2px dashed var(--line)}
body .prodetail .f-number{color:var(--teal);font-weight:800}
body .prodetail .f-title{color:var(--mute)}
html body :is(.price-area,.price-area ins,.product_price,.product_price ins,span.price,span.price ins,span.price .woocommerce-Price-amount,.pricearea-wwsh .woocommerce-Price-amount){color:var(--teal)!important;font-weight:800;text-decoration:none}
html body :is(.price del,.price del .woocommerce-Price-amount){color:var(--mute)!important;font-weight:400}
html body :is(button.single_add_to_cart_button.button.alt,.button-purchase-course,.mobile-add-to-cart-bottom .atc-btn){background:var(--teal)!important;color:#fff!important;border:2px solid var(--ink)!important;border-radius:var(--r1)!important;box-shadow:4px 4px 0 var(--ink)!important;font-weight:800}
html body :is(button.single_add_to_cart_button.button.alt,.button-purchase-course):hover{background:var(--teal)!important;transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)!important}
/* panels that were still white */
html body :is(.course-register-area .register-cource-box,.post-dlbox,ul.shweb-dl-items li.dl-item,.boxmyaccounts,.shayanweb-hamyarlearn-theme-my-account-box,.woo-wwsh-address,.woo-wallet-my-wallet-container,div#respond.comment-respond,.woocommerce #review_form #respond,.searcharea,.shayanweb-archive-description,.woocommerce-form-login,.woocommerce-form-register,.notif-mobile-area .mobile-menu-notif,#course-intro,.lessonbox,.shayanweb-search-boxed form,.search-form-page .shayanweb-hml-search-form,.shayanweb-element-search .ele-searchinput form){background:var(--card)!important;color:var(--ink);border:2px solid var(--ink)!important;border-radius:var(--rc)!important;box-shadow:5px 5px 0 var(--ink)!important}
html body :is(.faqcard .card-header,.faqcard .collapse,.sl-ele-shweb .sl-lesson-box,.sl-ele-shweb .sl-lesson-box .card-header,.sl-ele-shweb .sl-lesson-box .card-header button.btn.btn-link){background:var(--card)!important;color:var(--ink);border:2px solid var(--ink);border-radius:14px 26px 16px 24px/24px 16px 26px 14px!important;box-shadow:none}
html body :is(#course-lessons,.course-advice-box,.ls-topic-content .topic-content){background:rgba(0,168,150,.09)!important;border:2px dashed var(--line);border-radius:var(--rc)}
html body .lessonbox{transform:rotate(-.5deg)}
html body :is(.col-lg-4,.col-md-4,.col-sm-6,.col-6):nth-child(even)>.lessonbox{transform:rotate(.5deg)}
html body .inboxnum{background-color:rgba(247,220,111,.5);border:2px solid var(--ink);border-radius:var(--blob)}
html body .all-areas-title{color:var(--teal);font-weight:800}
html body .all-areas-title:after{background:var(--hl)!important;border:2px solid var(--ink);height:12px;border-radius:var(--r1)}
html body .elementor-element.elementor-widget-empty{background:transparent!important}
html body :is(.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a,nav.woocommerce-MyAccount-navigation .shwebhm-panel-nav){background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r1)}
html body :is(.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a:hover){background:var(--hl)!important;color:var(--ink)}
html body .shwebhm-panel-nav::before{background:rgba(0,168,150,.25)!important}
html body :is(.redalertarea,.woocommerce-error,.go-out-wwsh){background:rgba(180,68,63,.14)!important;color:#8E2F2B!important;border:2px dashed #B4443F;box-shadow:none}
@media(max-width:600px){html body :is(.everypro,.lessonbox){transform:none!important}}
@media(max-width:600px){html body :is(.shadow_postbox,.postbox-elementor-mode2 card.postbox){transform:none!important}}
@media(prefers-reduced-motion:reduce){body :is(.shadow_postbox,.acta,.bctagosmart){transition:none}}
