/* Theme Name: Iran Cover Theme URI: https://example.com Author: Iran Cover Team Author URI: https://example.com Description: قالب اختصاصی فروشگاهی «ایران کاور» برای وردپرس و ووکامرس. تمامی بخش‌های صفحه اصلی (هدر، اسلایدر، دسته‌بندی‌ها، محصولات، خدمات، فروشگاه حضوری و فوتر) به‌طور کامل از پنل مدیریت (شخصی‌سازی/Customizer) قابل ویرایش هستند. Version: 1.0.0 Requires at least: 6.0 Requires PHP: 7.4 Tested up to: 6.6 Requires Plugins: woocommerce Text Domain: irancover Tags: e-commerce, custom-menu, featured-images, rtl-language-support, translation-ready */ /* ===================================================== 0. RESET & BASE ===================================================== */ *, *::before, *::after { box-sizing: border-box; } :root{ --ic-bg: #0b0b0c; --ic-bg-soft: #121214; --ic-panel: #17171a; --ic-panel-2: #1c1c1f; --ic-border: #2a2a2e; --ic-text: #f2f2f2; --ic-text-muted: #9a9a9f; --ic-orange: #ff5a1f; --ic-orange-dark: #e2490f; --ic-red: #e8433a; --ic-radius: 14px; --ic-radius-sm: 8px; --ic-max: 1320px; --ic-font: 'Vazirmatn', Tahoma, Arial, sans-serif; } /* Light mode palette — same brand orange/red, swapped surfaces. Toggled at runtime via [data-theme="light"] on . */ html[data-theme="light"]{ --ic-bg: #f7f6f4; --ic-bg-soft: #efeeeb; --ic-panel: #ffffff; --ic-panel-2: #f2f1ee; --ic-border: #e4e2dd; --ic-text: #1b1b1c; --ic-text-muted: #6c6c70; --ic-orange: #ff5a1f; --ic-orange-dark: #e2490f; --ic-red: #e8433a; } html[data-theme="light"] .ic-hero-media::after{ background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.65)); } html[data-theme="light"] .ic-hero-stat{ background:rgba(255,255,255,.9); border-color:rgba(0,0,0,.08); color:#1b1b1c; } html[data-theme="light"] .ic-cat-card::after{ background:linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.8)); } html[data-theme="light"] .ic-cat-card h3, html[data-theme="light"] .ic-cat-card p{ color:#fff; } html[data-theme="light"] .ic-badge.is-white{ background:#1b1b1c; color:#fff; } html[data-theme="light"] .ic-product-flag.is-white{ color:#1b1b1c; } html{ transition: background-color .2s ease; } body{ transition: background-color .2s ease, color .2s ease; } html { scroll-behavior: smooth; } body{ background: var(--ic-bg); color: var(--ic-text); font-family: var(--ic-font); font-size: 16px; line-height: 1.9; margin: 0; direction: rtl; } img{ max-width:100%; display:block; } a{ color:inherit; text-decoration:none; } ul{ margin:0; padding:0; list-style:none; } button{ font-family:inherit; cursor:pointer; } input, select, textarea{ font-family:inherit; } .ic-container{ max-width: var(--ic-max); margin: 0 auto; padding: 0 24px; } .ic-section{ padding: 70px 0; } .ic-section-head{ margin-bottom: 36px; } .ic-eyebrow{ display:inline-block; color: var(--ic-orange); font-size: 13px; font-weight: 600; margin-bottom: 10px; } .ic-eyebrow::before{ content:"● "; } .ic-h2{ font-size: 30px; font-weight: 800; margin: 0; } .ic-head-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; } .ic-btn{ display:inline-flex; align-items:center; gap:8px; padding: 13px 26px; border-radius: 10px; font-weight:700; font-size:15px; border:1px solid transparent; transition:.2s; } .ic-btn-primary{ background: var(--ic-orange); color:#fff; } .ic-btn-primary:hover{ background: var(--ic-orange-dark); color:#fff; } .ic-btn-outline{ border-color: var(--ic-border); color: var(--ic-text); background:transparent; } .ic-btn-outline:hover{ border-color: var(--ic-orange); color: var(--ic-orange); } .ic-btn-sm{ padding:9px 16px; font-size:13px; border-radius:8px; } .ic-badge{ display:inline-block; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight:700; background: var(--ic-orange); color:#fff; } .ic-badge.is-white{ background:#fff; color:#111; } .ic-badge.is-red{ background: var(--ic-red); } /* ===================================================== 1. TOPBAR + HEADER ===================================================== */ .ic-topbar{ background: var(--ic-bg-soft); border-bottom:1px solid var(--ic-border); font-size:13px; color: var(--ic-text-muted); } .ic-topbar .ic-container{ display:flex; align-items:center; justify-content:space-between; padding-top:10px; padding-bottom:10px; gap:16px; flex-wrap:wrap; } .ic-topbar a{ color: var(--ic-text-muted); } .ic-topbar-phone{ display:flex; align-items:center; gap:6px; color:var(--ic-text); font-weight:600; } .ic-header{ background: var(--ic-bg); border-bottom:1px solid var(--ic-border); position: sticky; top:0; z-index:100; } .ic-header .ic-container{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:16px; padding-bottom:16px; } .ic-header-actions{ display:flex; align-items:center; gap:18px; order:1; } .ic-header-search{ order:2; flex:1; max-width:420px; } .ic-nav{ order:3; } .ic-brand{ order:4; } .ic-icon-btn{ position:relative; display:flex; align-items:center; justify-content:center; width:38px; height:38px; color:var(--ic-text); } .ic-theme-toggle{ width:38px; height:38px; border-radius:10px; border:1px solid var(--ic-border); background:var(--ic-panel); color:var(--ic-text); display:flex; align-items:center; justify-content:center; } .ic-theme-toggle .dashicons-lightbulb{ display:none; } html[data-theme="light"] .ic-theme-toggle .dashicons-moon{ display:none; } html[data-theme="light"] .ic-theme-toggle .dashicons-lightbulb{ display:inline-block; } .ic-cart-count{ position:absolute; top:-6px; left:-6px; background:var(--ic-orange); color:#fff; font-size:11px; font-weight:700; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; } .ic-search-form{ position:relative; } .ic-search-form input{ width:100%; background: var(--ic-panel); border:1px solid var(--ic-border); border-radius: 10px; padding:10px 40px 10px 14px; color:var(--ic-text); font-size:14px; } .ic-search-form button{ position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--ic-text-muted); } .ic-nav ul{ display:flex; align-items:center; gap:26px; } .ic-nav a{ font-size:15px; font-weight:500; color:var(--ic-text); } .ic-nav a:hover, .ic-nav .current-menu-item > a{ color: var(--ic-orange); } .ic-brand{ display:flex; align-items:center; gap:10px; } .ic-brand-mark{ width:44px; height:44px; border-radius:10px; background:var(--ic-orange); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; overflow:hidden; } .ic-brand-mark img{ width:100%; height:100%; object-fit:cover; } .ic-brand-text .site-title{ font-size:17px; font-weight:800; margin:0; } .ic-brand-text .site-tagline{ font-size:12px; color:var(--ic-text-muted); margin:0; } .ic-nav-toggle{ display:none; background:none; border:1px solid var(--ic-border); border-radius:8px; padding:8px 10px; color:#fff; } /* ===================================================== 2. HERO ===================================================== */ .ic-hero{ padding: 48px 0 70px; } .ic-hero-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap:48px; align-items:center; } .ic-hero-media{ position:relative; border-radius: 22px; overflow:hidden; min-height:520px; background-size:cover; background-position:center; } .ic-hero-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.55)); } .ic-hero-stat{ position:absolute; bottom:22px; left:22px; z-index:2; background:rgba(15,15,16,.85); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:12px 18px; text-align:center; } .ic-hero-stat b{ display:block; color:var(--ic-orange); font-size:20px; } .ic-hero-stat span{ font-size:12px; color:var(--ic-text-muted); } .ic-hero-title{ font-size:44px; line-height:1.35; font-weight:800; margin:14px 0 18px; } .ic-hero-title em{ color:var(--ic-orange); font-style:normal; } .ic-hero-desc{ color:var(--ic-text-muted); font-size:16px; max-width:520px; margin-bottom:26px; } .ic-hero-actions{ display:flex; align-items:center; gap:18px; margin-bottom:30px; flex-wrap:wrap; } .ic-hero-link{ font-weight:700; color:var(--ic-text); border-bottom:1px solid var(--ic-border); padding-bottom:2px; } .ic-hero-features{ display:flex; gap:26px; flex-wrap:wrap; } .ic-hero-feature{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ic-text-muted); } .ic-hero-feature .dashicons{ color:var(--ic-orange); } /* ===================================================== 3. CATEGORIES ===================================================== */ .ic-cat-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:22px; } .ic-cat-card{ position:relative; border-radius: var(--ic-radius); overflow:hidden; min-height:230px; background:var(--ic-panel); background-size:cover; background-position:center; display:flex; align-items:flex-end; padding:20px; } .ic-cat-card::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.85)); } .ic-cat-card > *{ position:relative; z-index:1; width:100%; } .ic-cat-card h3{ font-size:17px; margin:0 0 8px; } .ic-cat-card p{ font-size:12px; color:var(--ic-text-muted); margin:0 0 10px; } .ic-cat-card .ic-cat-link{ font-size:12px; font-weight:700; color:var(--ic-orange); display:flex; align-items:center; gap:4px; } /* ===================================================== 4. PRODUCTS GRID ===================================================== */ .ic-products-grid, ul.products{ display:grid !important; grid-template-columns: repeat(4, 1fr) !important; gap:22px !important; list-style:none !important; margin:0 !important; padding:0 !important; } ul.products.ic-cols-3{ grid-template-columns: repeat(3, 1fr) !important; } .ic-product-card, ul.products li.product{ background: var(--ic-panel) !important; border-radius: var(--ic-radius) !important; overflow:hidden; position:relative; border:1px solid var(--ic-border); } .ic-product-media{ position:relative; aspect-ratio: 4/3; overflow:hidden; background:#111; } .ic-product-media img, ul.products li.product img{ width:100%; height:100%; object-fit:cover !important; margin:0 !important; } .ic-product-flag{ position:absolute; top:14px; right:14px; z-index:2; } .ic-product-flag.right-flip{ right:auto; left:14px; } .ic-product-body{ padding:16px 18px 18px; } ul.products li.product .woocommerce-loop-product__title, .ic-product-title{ font-size:15px; font-weight:700; margin:6px 0; } .ic-product-meta{ display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--ic-text-muted); } .ic-product-rating{ color:var(--ic-orange); display:flex; align-items:center; gap:4px; } .ic-product-footer{ display:flex; align-items:center; justify-content:space-between; margin-top:14px; } .ic-product-price, ul.products li.product .price{ font-weight:800 !important; font-size:15px !important; color:var(--ic-text) !important; } ul.products li.product .price del{ color:var(--ic-text-muted) !important; font-weight:400 !important; font-size:12px !important; opacity:.7; } ul.products li.product .price ins{ text-decoration:none; } .ic-add-btn, a.add_to_cart_button, a.ajax_add_to_cart, a.added_to_cart, .single_add_to_cart_button{ background:var(--ic-orange) !important; color:#fff !important; border:none !important; width:38px; height:38px; border-radius:10px !important; display:flex !important; align-items:center; justify-content:center; font-size:20px !important; padding:0 !important; } .single_add_to_cart_button{ width:100% !important; height:auto !important; padding:14px !important; font-weight:700 !important; } /* ===================================================== 5. SERVICES ===================================================== */ .ic-services-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:22px; } .ic-service-card{ background: var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:26px; text-align: right; } .ic-service-icon{ width:52px; height:52px; border-radius:12px; background: rgba(255,90,31,.12); display:flex; align-items:center; justify-content:center; margin-bottom:18px; } .ic-service-icon img{ width:26px; height:26px; object-fit:contain; } .ic-service-icon .dashicons{ color:var(--ic-orange); font-size:26px; width:26px; height:26px; } .ic-service-card h3{ font-size:16px; margin:0 0 8px; } .ic-service-card p{ font-size:13px; color:var(--ic-text-muted); margin:0; } /* ===================================================== 6. SHOWROOM ===================================================== */ .ic-showroom{ background: var(--ic-panel); border:1px solid var(--ic-border); border-radius: 22px; padding:36px; display:grid; grid-template-columns: 1fr 1fr; gap:36px; align-items:center; } .ic-showroom h3{ font-size:24px; margin:0 0 12px; } .ic-showroom p{ color:var(--ic-text-muted); margin-bottom:22px; } .ic-showroom-list{ margin-bottom:24px; } .ic-showroom-list li{ display:flex; align-items:center; gap:10px; padding:8px 0; font-size:14px; } .ic-showroom-list .dashicons{ color:var(--ic-orange); } .ic-showroom-media{ border-radius:16px; overflow:hidden; min-height:320px; background-size:cover; background-position:center; } /* ===================================================== 7. FOOTER ===================================================== */ .ic-footer{ background: var(--ic-bg-soft); border-top:1px solid var(--ic-border); padding-top:60px; } .ic-footer-grid{ display:grid; grid-template-columns: 1.3fr 1fr 1fr 1.3fr; gap:32px; padding-bottom:40px; } .ic-footer h4{ font-size:15px; margin:0 0 18px; } .ic-footer-col ul li{ padding:6px 0; } .ic-footer-col ul a{ color: var(--ic-text-muted); font-size:14px; } .ic-footer-col ul a:hover{ color: var(--ic-orange); } .ic-footer-contact li{ display:flex; align-items:center; gap:8px; color:var(--ic-text-muted); padding:6px 0; font-size:14px; } .ic-footer-contact .dashicons{ color:var(--ic-orange); } .ic-footer-brand p{ color: var(--ic-text-muted); font-size:13px; } .ic-footer-social{ display:flex; gap:10px; margin-top:16px; } .ic-footer-social a{ width:36px; height:36px; border-radius:50%; background:var(--ic-panel-2); display:flex; align-items:center; justify-content:center; border:1px solid var(--ic-border); } .ic-footer-bottom{ border-top:1px solid var(--ic-border); padding:20px 0; display:flex; align-items:center; justify-content:space-between; font-size:13px; color:var(--ic-text-muted); flex-wrap:wrap; gap:10px; } .ic-footer-bottom a{ color:var(--ic-orange); } /* ===================================================== 8. WOOCOMMERCE GENERIC OVERRIDES ===================================================== */ .woocommerce-breadcrumb{ color:var(--ic-text-muted); font-size:13px; margin-bottom:20px; } .woocommerce-breadcrumb a{ color:var(--ic-text-muted); } .woocommerce div.product .woocommerce-product-details__short-description, .woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--ic-text); } .woocommerce nav.woocommerce-pagination ul{ display:flex; gap:8px; } .woocommerce nav.woocommerce-pagination ul li{ background:none !important; border:none !important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:8px; border:1px solid var(--ic-border) !important; color:var(--ic-text) !important; } .woocommerce nav.woocommerce-pagination ul li .current{ background:var(--ic-orange) !important; border-color:var(--ic-orange) !important; } .ic-filter-bar{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:30px; } .ic-filter-tags{ display:flex; gap:10px; flex-wrap:wrap; } .ic-filter-tags a{ padding:9px 18px; border-radius:999px; border:1px solid var(--ic-border); font-size:13px; } .ic-filter-tags a.active, .ic-filter-tags a:hover{ background:var(--ic-orange); border-color:var(--ic-orange); color:#fff; } .ic-page-header{ padding:34px 0 10px; } .ic-page-header h1{ font-size:30px; margin:6px 0; } .ic-page-header p{ color:var(--ic-text-muted); max-width:640px; } /* ===================================================== 9. RESPONSIVE ===================================================== */ @media (max-width: 1080px){ .ic-hero-grid{ grid-template-columns:1fr; } .ic-cat-grid{ grid-template-columns: repeat(2,1fr); } .ic-products-grid, ul.products{ grid-template-columns: repeat(2,1fr) !important; } .ic-services-grid{ grid-template-columns:1fr; } .ic-showroom{ grid-template-columns:1fr; } .ic-footer-grid{ grid-template-columns: 1fr 1fr; } .ic-pdp-grid, .ic-pdp-info-grid{ grid-template-columns:1fr !important; } .ic-contact-grid{ grid-template-columns:1fr !important; } } @media (max-width: 720px){ .ic-nav{ display:none; position:absolute; top:100%; right:0; left:0; background:var(--ic-bg); border-bottom:1px solid var(--ic-border); padding:14px 24px; } .ic-nav.is-open{ display:block; } .ic-nav ul{ flex-direction:column; align-items:flex-start; gap:14px; } .ic-nav-toggle{ display:block; order:5; } .ic-header-search{ order:5; flex-basis:100%; max-width:none; } .ic-cat-grid{ grid-template-columns:1fr 1fr; } .ic-products-grid, ul.products{ grid-template-columns:1fr 1fr !important; } .ic-hero-title{ font-size:32px; } .ic-footer-grid{ grid-template-columns:1fr; } .ic-about-stats{ grid-template-columns:1fr 1fr !important; } } /* ===================================================== 10. SINGLE PRODUCT PAGE ===================================================== */ .ic-pdp-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:48px; align-items:start; margin-bottom:60px; } .ic-pdp-gallery{ position:relative; border-radius: var(--ic-radius); overflow:hidden; background:var(--ic-panel); } .ic-pdp-gallery .woocommerce-product-gallery__wrapper{ margin:0; } .ic-pdp-gallery img{ width:100%; border-radius: var(--ic-radius); } .ic-pdp-gallery .flex-control-thumbs{ display:flex; gap:10px; margin-top:12px; padding:0; list-style:none; } .ic-pdp-gallery .flex-control-thumbs li{ width:70px; } .ic-pdp-gallery .flex-control-thumbs img{ border-radius:8px; border:1px solid var(--ic-border); opacity:.6; } .ic-pdp-gallery .flex-control-thumbs img.flex-active{ opacity:1; border-color:var(--ic-orange); } .ic-pdp-badge{ position:absolute; top:16px; left:16px; z-index:5; } .ic-pdp-cat{ color:var(--ic-orange); font-size:13px; font-weight:700; } .ic-pdp-title{ font-size:30px; font-weight:800; margin:8px 0 12px; } .ic-pdp-rating{ display:flex; align-items:center; gap:10px; font-size:14px; color:var(--ic-text-muted); margin-bottom:16px; } .ic-pdp-rating .stars{ color:var(--ic-orange); display:flex; align-items:center; gap:2px; } .ic-pdp-rating .in-stock{ color:#3ecf6e; display:flex; align-items:center; gap:4px; } .ic-pdp-desc{ color:var(--ic-text-muted); margin-bottom:22px; } .ic-pdp-price{ font-size:26px; font-weight:800; margin-bottom:22px; } .ic-pdp-price del{ color:var(--ic-text-muted); font-weight:400; font-size:15px; margin-right:8px; opacity:.7; } .ic-pdp-price ins{ text-decoration:none; } .ic-buybox{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:22px; margin-bottom:20px; } .ic-buybox-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; gap:10px; } .ic-buybox-total{ font-size:13px; color:var(--ic-text-muted); } .ic-buybox-total b{ display:block; color:var(--ic-text); font-size:20px; } .ic-buybox form.cart{ display:flex; flex-direction:column; gap:14px; } .ic-buybox .quantity{ display:inline-flex; align-items:center; border:1px solid var(--ic-border); border-radius:10px; overflow:hidden; } .ic-buybox .quantity input.qty{ width:60px; text-align:center; background:transparent; border:none; color:var(--ic-text); padding:10px 0; } .ic-pdp-trust{ display:flex; gap:14px; flex-wrap:wrap; margin-top:20px; } .ic-pdp-trust-item{ flex:1; min-width:150px; display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ic-text-muted); border:1px solid var(--ic-border); border-radius:10px; padding:10px 12px; } .ic-pdp-trust-item .dashicons{ color:var(--ic-orange); } .ic-pdp-info-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:48px; margin-bottom:60px; } .ic-pdp-info-grid h3{ font-size:19px; margin-bottom:20px; } .ic-spec-table{ width:100%; border-collapse:collapse; } .ic-spec-table tr{ border-bottom:1px solid var(--ic-border); } .ic-spec-table td{ padding:14px 6px; font-size:14px; } .ic-spec-table td:first-child{ color:var(--ic-text-muted); width:40%; } .ic-spec-table td:last-child{ font-weight:700; text-align:left; } .ic-feature-list li{ display:flex; align-items:center; gap:10px; padding:10px 0; font-size:14px; border-bottom:1px solid var(--ic-border); } .ic-feature-list li:last-child{ border-bottom:none; } .ic-feature-list .dashicons{ color:var(--ic-orange); } .ic-related h2{ font-size:22px; margin-bottom:22px; } /* ===================================================== 11. CART / CHECKOUT / MY ACCOUNT (WooCommerce default markup) ===================================================== */ .woocommerce table.shop_table{ width:100%; border-collapse:collapse; background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); overflow:hidden; } .woocommerce table.shop_table th{ background:var(--ic-panel-2); color:var(--ic-text-muted); font-size:13px; padding:14px; text-align:right; } .woocommerce table.shop_table td{ padding:16px 14px; border-top:1px solid var(--ic-border); font-size:14px; } .woocommerce table.shop_table td.product-thumbnail img{ width:70px; border-radius:8px; } .woocommerce table.shop_table td.product-remove a{ color:var(--ic-red) !important; font-size:18px; } .woocommerce .quantity .qty{ width:60px; background:var(--ic-bg-soft); border:1px solid var(--ic-border); border-radius:8px; color:var(--ic-text); padding:8px; text-align:center; } .woocommerce .coupon{ display:flex; gap:10px; align-items:center; margin-top:16px; flex-wrap:wrap; } .woocommerce .coupon input#coupon_code{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius:8px; padding:10px 14px; color:var(--ic-text); } .woocommerce button.button, .woocommerce input.button, .woocommerce a.button, .woocommerce #respond input#submit{ background:var(--ic-orange) !important; color:#fff !important; border:none !important; border-radius:10px !important; padding:12px 24px !important; font-weight:700 !important; } .woocommerce button.button:hover, .woocommerce a.button:hover{ background:var(--ic-orange-dark) !important; } .woocommerce .cart-collaterals .cart_totals{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:22px; max-width:420px; margin-inline-start:auto; } .woocommerce .cart_totals table{ width:100%; } .woocommerce .cart_totals tr th, .woocommerce .cart_totals tr td{ padding:10px 0; border-top:1px solid var(--ic-border); } .woocommerce .cart_totals .order-total .amount{ color:var(--ic-orange); font-weight:800; font-size:18px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius:8px; padding:11px 14px; color:var(--ic-text); width:100%; } .woocommerce-checkout #payment{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:20px; } .woocommerce-checkout #payment ul.payment_methods{ list-style:none; padding:0; } .woocommerce-checkout #payment div.payment_box{ background:var(--ic-panel-2); border-radius:8px; } .woocommerce-MyAccount-navigation ul{ list-style:none; padding:0; border:1px solid var(--ic-border); border-radius: var(--ic-radius); overflow:hidden; } .woocommerce-MyAccount-navigation ul li{ border-bottom:1px solid var(--ic-border); } .woocommerce-MyAccount-navigation ul li a{ display:block; padding:14px 18px; } .woocommerce-MyAccount-navigation ul li.is-active a{ background:var(--ic-orange); color:#fff; } .woocommerce-MyAccount-content{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:26px; } .woocommerce-account .woocommerce{ display:grid; grid-template-columns: 220px 1fr; gap:26px; align-items:start; } @media (max-width:780px){ .woocommerce-account .woocommerce{ grid-template-columns:1fr; } } .select2-container .select2-selection--single{ background:var(--ic-panel) !important; border:1px solid var(--ic-border) !important; height:44px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color:var(--ic-text) !important; line-height:44px !important; } .select2-dropdown{ background:var(--ic-panel) !important; border:1px solid var(--ic-border) !important; color:var(--ic-text); } /* ===================================================== 12. ABOUT / CONTACT PAGE TEMPLATES ===================================================== */ .ic-about-hero{ text-align:center; max-width:700px; margin:0 auto 50px; } .ic-about-hero p{ color:var(--ic-text-muted); margin-top:14px; } .ic-about-stats{ display:grid; grid-template-columns: repeat(4,1fr); gap:20px; margin-bottom:60px; } .ic-about-stats div{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:26px; text-align:center; } .ic-about-stats b{ display:block; font-size:28px; color:var(--ic-orange); margin-bottom:6px; } .ic-about-stats span{ font-size:13px; color:var(--ic-text-muted); } .ic-contact-grid{ display:grid; grid-template-columns: 1fr 1.1fr; gap:40px; align-items:start; } .ic-contact-info-card{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:26px; margin-bottom:16px; display:flex; gap:14px; align-items:flex-start; } .ic-contact-info-card .dashicons{ color:var(--ic-orange); font-size:24px; width:24px; height:24px; } .ic-contact-info-card h4{ margin:0 0 6px; font-size:15px; } .ic-contact-info-card p, .ic-contact-info-card a{ color:var(--ic-text-muted); font-size:14px; margin:0; } .ic-contact-form{ background:var(--ic-panel); border:1px solid var(--ic-border); border-radius: var(--ic-radius); padding:28px; } .ic-contact-form .ic-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; } .ic-contact-form label{ display:block; font-size:13px; margin-bottom:6px; color:var(--ic-text-muted); } .ic-contact-form input, .ic-contact-form textarea{ width:100%; background:var(--ic-bg-soft); border:1px solid var(--ic-border); border-radius:8px; padding:11px 14px; color:var(--ic-text); } .ic-contact-form textarea{ min-height:130px; resize:vertical; } .ic-form-notice{ padding:12px 16px; border-radius:8px; margin-bottom:16px; font-size:14px; } .ic-form-notice.success{ background:rgba(62,207,110,.12); color:#3ecf6e; border:1px solid rgba(62,207,110,.3); } .ic-form-notice.error{ background:rgba(232,67,58,.12); color:var(--ic-red); border:1px solid rgba(232,67,58,.3); } @media (max-width:600px){ .ic-contact-form .ic-row{ grid-template-columns:1fr; } }